Qu’est-ce que la programmation réactive en Javascript ?

La programmation réactive s’articule autour de l’utilisation d’une structure de données représentant des données asynchrones, appelées « observables » ou « flux ». Vous pourriez les comparer à « Promesses ».
 
 

Grosso modo, les promesses représentent une valeur qui peut ne pas être connue lorsqu’elles sont utilisées pour la première fois, mais qui peut arriver à tout moment. Les variables observables sont similaires, sauf qu’elles représentent l’arrivée potentielle de valeurs multiples.
 

Les variables observables sont idéales pour représenter les valeurs arrivant de façon asynchrone, telles que les caractères saisis dans une zone de texte.

Lorsque nous utilisons des fonctions qui prennent des observables en entrée et produisent un nouvel observable en sortie (c-à-d des fonctions pures), nous faisons ce que l’on appelle la programmation réactive fonctionnelle. Il existe de nombreuses bibliothèques Javascript fournissant des opérateurs couramment utilisés, tels que RxJS, Bacon.js et Kefir.
 
 
Il peut être un opérateur simple comme « delay », qui renvoie simplement un nouveau flux qui produit les mêmes valeurs que le flux d’entrée, mais avec un léger retard.
 

Les opérateurs peuvent utiliser des valeurs réelles produites comme une map, qui renvoie un nouveau flux qui produit les valeurs du flux d’entrée après avoir passé par une fonction donnée.
 

Ils peuvent même combiner plusieurs flux comme la fusion, qui renvoie un flux qui produit toutes les valeurs produites par ses flux d’entrée.