A l’issue de cette formation, vous serez capable de :

• Utiliser le paradigme fonctionnel dans la programmation d'évènements asynchrones
• Utiliser la programmation réactive au travers de la librairie RxJS en utilisant les patterns principaux
• Décrire la librairie RxJS au sein d'un browser ou sur le serveur avec Node.js.

Jour 1

Introduction

• Raison d'être de la programmation réactive
• Ce qu'elle facilite
• Les différentes librairies actuelles

La programmation réactive et RxJS

• Comment réagir aux flux de données asynchrones ?
• Penser réactif
• Le codage en réactif
• Présentation du Design Pattern Observer
• Les observables en RxJS
• La méthode create() d'Observer
• Les fonctions next(), error(), complete() d'Observer
• Utilisation du pattern Observer dans le cas d'un Event Listener, d'une requête API, d'un WebSocket
• Réagir à la source de données avec subscribe()

Exemple de travaux pratiques (à titre indicatif)

• Mise en oeuvre, en JavaScript, d'un Observable / Observer, abonnement, gestion d'erreur

Jour 2

Présentation des opérateurs

• Présentation des opérateurs dans la programmation fonctionnelle
• L'opérateur scan et map : l'application de transformations
• L'opérateur filter
• L'opérateur concat et la combinaison des observables
• Les opérateurs last et first

Exemple de travaux pratiques (à titre indicatif)

• Application des opérateurs en reprenant l'exercice précédent

Le multicasting dans RxJS

• Présentation des observables multicast
• La fonction multicast
• Partage entre plusieurs souscripteurs

Exemple de travaux pratiques (à titre indicatif)

• Mise en oeuvre d'un exemple d'observable multicast

Mise en oeuvre de RxJS côté client

• Accès aux structures de la page HTML
• Accès au serveur

Mise en oeuvre de RxJS côté serveur

• Observables du côté serveur avec Node.js
• Accès aux fonctions réseau
• Traitement des données du client

Exemple de travaux pratiques (à titre indicatif)

• Réalisation d'une application comportant un client Web et un serveur Node.js intégrant des deux côtés les objets RxJS