RxJS - Aperçu

Ce chapitre traite des informations sur les fonctionnalités, les avantages et les inconvénients de RxJS. Ici, nous apprendrons également quand utiliser RxJS.

La forme complète de RxJS est Reactive Extension for Javascript. Il s'agit d'une bibliothèque javascript qui utilise des observables pour travailler avec une programmation réactive qui traite des appels de données asynchrones, des rappels et des programmes basés sur des événements. RxJS peut être utilisé avec d'autres bibliothèques et frameworks Javascript. Il est pris en charge par javascript et également par dactylographié.

Qu'est-ce que RxJS?

Selon le site officiel de RxJS , il est défini comme une bibliothèque pour la composition de programmes asynchrones et basés sur des événements en utilisant des séquences observables. Il fournit un type de noyau, l'Observable, des types de satellites (Observer, Schedulers, Subjects) et des opérateurs inspirés des extras Array # (mapper, filtrer, réduire, tous, etc.) pour permettre de gérer les événements asynchrones comme des collections.

Caractéristiques de RxJS

Dans RxJS, les concepts suivants prennent en charge la gestion de la tâche asynchrone -

Observable

Un observable est une fonction qui crée un observateur et l'attache à la source où des valeurs sont attendues, par exemple, des clics, des événements de souris à partir d'un élément dom ou une requête Http, etc.

Observateur

C'est un objet avec les méthodes next (), error () et complete (), qui sera appelé lorsqu'il y aura interaction avec l'observable, c'est-à-dire que la source interagit pour un exemple de clic sur un bouton, une requête Http, etc.

Abonnement

Lorsque l'observable est créée, pour exécuter l'observable, nous devons y souscrire. Il peut également être utilisé pour annuler l'exécution.

Les opérateurs

Un opérateur est une fonction pure qui prend observable comme entrée et la sortie est également une observable.

Matière

Un sujet est un observable qui peut multicast c'est-à-dire parler à de nombreux observateurs. Considérons un bouton avec un écouteur d'événement, la fonction attachée à l'événement à l'aide de addlistener est appelée chaque fois que l'utilisateur clique sur le bouton, une fonctionnalité similaire s'applique également au sujet.

Planificateurs

Un planificateur contrôle l'exécution du moment où l'abonnement doit démarrer et être notifié.

Quand utiliser RxJS?

Si votre projet consiste en beaucoup de gestion de tâches asynchrones, RxJS est un bon choix. Il est chargé par défaut avec le projet Angular.

Avantages de l'utilisation de RxJS

Voici les avantages de l'utilisation de RxJS -

  • RxJS peut être utilisé avec d'autres bibliothèques et frameworks Javascript. Il est pris en charge par javascript et également par dactylographié. Peu d'exemples sont Angular, ReactJS, Vuejs, nodejs etc.

  • RxJS est une bibliothèque géniale pour la gestion des tâches asynchrones.RxJS utilise des observables pour travailler avec une programmation réactive qui traite des appels de données asynchrones, des rappels et des programmes basés sur des événements.

  • RxJS offre une vaste collection d'opérateurs dans les catégories mathématiques, transformation, filtrage, utilitaire, conditionnelle, gestion des erreurs, jointure qui facilite la vie lorsqu'il est utilisé avec la programmation réactive.

Inconvénients de l'utilisation de RxJS

Voici les inconvénients de l'utilisation de RxJS -

  • Déboguer le code avec des observables est peu difficile.

  • Lorsque vous commencez à utiliser Observables, vous pouvez finir votre code complet enveloppé sous les observables.