Pourquoi utiliser RxJS ? #

RxJS est une bibliothèque puissante qui permet aux développeurs d'écrire du code asynchrone et événementiel plus facilement et plus efficacement. RxJS fournit un large éventail d'opérateurs et de fonctions qui facilitent la création de modèles de programmation réactifs et déclaratifs. Cette bibliothèque est idéale pour les applications qui nécessitent un flux de données en temps réel, une architecture événementielle et un flux de données asynchrone complexe. RxJS fournit également une API intuitive et peut aider à réduire la complexité du code lors du traitement des événements asynchrones.

Exemple d'introduction #

Vous souhaitez récupérer les positions X et Y de la souris sur l'écran. Vous pouvez utiliser un observable et des opérateurs pour récupérer les coordonnées

import { fromEvent, map  } from 'rxjs'
// Créer une observable des clics de souris d'un utilisateur
const clicks$ = fromEvent(document, 'click')

// S'abonner à l'observable
clicks$.subscribe(click => console.log(click))

// Mapper Clics sur la carte aux coordonnées x et y
const coords$ = clicks$.pipe(
  map(click => ({ x: click.clientX, y: click.clientY }))
)

// S'abonner aux clics mappés
coords$.subscribe(coords => console.log(coords))