How to use RxJs

NHN Bugs

Created by Junseok, Choi

순서

  • 1. Rx란 뭔가요?
  • 2. 간단한 예제
  • 3. 우리의 현재와 미래
  • Q & A

1. Rx란 뭔가요?

Rx에 대한 정의

반응형이란건

가장 대표적인 예제

자세하게 알아보겠습니다

Reactive Programming

Observable
Data Flow

Observer Pattern

Observable

Hot Observable
vs
Cold Observable

Data Flow

Control Flow
  • if / else if / else
  • for / for-each / for-in
  • while / switch
  • ...
Data Flow
  • recursion
  • pipe(. 연산자)
  • ...

요약하자면

  • Rx는 Event stream과 Data를 쉽게 컨트롤하도록 도와줌
  • 가독성 좋은 비동기 코드를 체이닝으로 쉽게 작성 가능
  • 초기 진입장벽이 어느 정도 존재한다는 단점이 있음

2. 간단한 예제

Rx의 종류

RxJava, RxJs, Rx.Net, RxScala, Etc...

RxJs 예제

https://jsfiddle.net/junseokchoi/Lsm48mpd/

3. 우리의 현재와 미래

왜 RxJs로 눈을 돌리게 되었나?

  • Callback hell이 일어나는 부분이 많음
  • Promise와 Async/Await에 대한 부재 (ECMA 버전 이슈)
  • jQuery에 있는 Deffered라도...
    (보안상 이슈가 생길 수 있어서 X)

그럼 이제 우리도 RxJs를 쓰자!!!

Q&A

참고하면 좋은 사이트 모음

감사합니다.