RxJS(Reactive Extensions Library for JavaScript) 란?

RxJS

RxJS : Observable 시퀀스를 사용하여 비동기 및 이벤트 기반 프로그램을 작성하기 위한 라이브러리.

이벤트의 Lodash 로 생각하라고 한다.

공식 문서曰,
Reactive X는 Observer 패턴, Iterator 패턴, 함수지향 프로그래밍을 컬렉션과 결합하여 이벤트 시퀀스를 이상적으로 관리하는 방법을 제공한다고 한다. 

 

* 컬렉션 : Object 모음

Rx가 비동기 이벤트를 처리하는 핵심 개념

• Observable : 미래에 얻게 될 value/event를 가질 컬렉션. Promise?

• Observable : Observable 이 전달한 값을 Listen 하는 callback의 컬렉션. Promise의 then?

• Subscription : Observable 의 실행을 나타내며, 주로 실행 취소에 유용.

• Operators : map, filter, concat, reduce 등의 연산을 하여 컬렉션을 처리하는 함수형 프로그래밍을 가능케 하는 함수.

• Subject : EventEmitter와 동일하며 value나 event를 여러 Observer에게 emit 하는 유일한 방법.

• Scheduler : 동시성을 제어하기 위한 중앙 집중식 dispatcher로, setTimeOut 또는 requestAnimationFrame 등을 이용하여 계산이 수행되는 시점을 조정 가능

 

---

아래 링크에서 예시를 볼 수 있다. 

친절하게 stackblitz도 제공하니 예시를 보도록 하자.

https://rxjs-dev.firebaseapp.com/guide/overview

RxJS