RxJS v6 - Notes diverses

Guide de migration à RxJS v6

https://github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/v6/migration.md

Chemins d’import

Méthodes de création et fonctions utilitaires — from 'rxjs' :

import { Observable, Subject, asapScheduler, pipe, of, from, interval, merge, fromEvent, SubscriptionLike, PartialObserver } from 'rxjs';

Tous les opérateurs pipeables — from 'rxjs/operators' :

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

Opérateurs

of

Crée une séquence observable à partir de plusieurs arguments. Contrairement à from, cet opérateur ne fait pas de flattening et chaque argument est émis dans un “next” distinct.

import { of } from 'rxjs';
const obs = of(10, 20, 30);

DOC: https://rxjs-dev.firebaseapp.com/api/index/function/of

from

Crée un Observable à partir d’un Array ou un objet “array-like”, une Promise, un objet itérable, ou un objet Observable-like.

Exemple :

import { from } from 'rxjs';

const array = [10, 20, 30];
const result = from(array);

result.subscribe(x => console.log(x));

// Logs: 10 20 30

DOC: https://rxjs-dev.firebaseapp.com/api/index/function/from

Renommages d’opérateurs RxJS 5 –> RxJS 6

Plusieurs opérateurs et méthodes ont été renommés dans RxJS 6.

Opérateurs :

• do() => tap()
• catch() => catchError()
• switch() => switchAll()
• finally() => finalize()

Méthodes de création :

• throw() => throwError()
• fromPromise() => from() (type détecté automatiquement)