Introduction à la bibliothèque RxJS (JavaScript)

RxJS est une bibliothèque permettant l’écriture d’une programmation réactive en JavaScript, c’est-à-dire en utilisant le mode asynchrone. La grande majorité des applications web deviennent réactives. Il y a plusieurs notions à connaître dont celles d’Observable, d’asyncrhone, flux de données ou streams et de propagation des changements.

Rx signifie Reactive Extension. Cette bibliothèque existe pour différents langages, on a RxJS, RxJava, RxScala, RxSwift,…

Si vous développez en Java, la connaissance de Java 8 Streams est bien utile pour comprendre les concepts qui vont suivre.

Concepts indispensables

• Les Observables produisent des flux (streams) de valeurs associés à un événement.
• Les Observateurs ou observers consomment les flux (streams) de valeurs produites par des Observables.
• Les événements (Events) sont générés par programmation ou des actions d’un utilisateur.
• La gestion se fait en mode asynchrone

Concepts pour comprendre le fonctionnement

• Subject : Source de l’événement, il se charge de notifier (avertir) les Observables.
• Observable : Produit les flux de valeurs
• Observer : Ecoute et consomme les valeurs de ou des observables. C’est une collection de callbacks (fonctions)
• Subscription : Permet l’exécution d’un ou de plusieurs Observables. On peut les stopper avec unsubscribe
• Operators : Traite les collections via la programmation fonctionnelle avec de nombreuses méthodes (map, filter, concat, reduce,…)

Démo 1 sur fiddle

… en cours d’écriture ;)