RxJS 5와 6의 차이점

오픈소스·2022년 6월 26일
0
post-thumbnail

http://kyobo.link/ihBX, P.561

  1. 더 작은 번들 사이즈를 만들겠다.
  2. pipeable 연산자를 도입

자바스크립트 키워드와 충돌 방지

  • do -> tap
  • catch -> catchError
  • switch -> switchAll
  • finally -> finalize
  • Observable.if > iif()
  • Observable.error > throwError()

RxJS v5 코드를 RxJS v6 코드로 변경하는 방법

import { range } from 'rxjs';
import { map, filter, scan } from 'rxjs/operators';

const source$ = range(0, 10);

source$.pipe(
  filter(x => x % 2 === 0),
  map(x => x + x),
  scan((acc, x) => acc + x, 0)
)
.subscribe(x => console.log(x))

버전과 하위/상위 호환성

  1. 5.5보다 버전이 낮다면 5.5로 업데이트한 후 발생하는 이슈가 있다면 수정한다.
  2. 버전 6에서 버전 5의 하위 호환성을 지원하는 rxjs-compat와 함께 설치한다. npm install rxjs@6 rxjs-compat@6 -save와 같은 방식이다.
  3. rxjs-compat에서 커버되지 않는 부분들이 있다면 breaking-change 문서^1를 참고해서 수정한다.
  4. 마지막으로 rxjs-compat에 의존성 있는 부분을 없애고 버전 v6로 완전히 수정한다.

0개의 댓글