Formation Maîtriser la Programmation Réactive JavaScript avec RxJS

Introduction à la programmation réactive et à RxJS

• —Définition et principes de la programmation réactive (PR)
• —Historique et évolution de RxJS
• —Positionnement de RxJS dans l'écosystème web (Angular, React, Vue)
• —Avantages de la PR pour la gestion des données asynchrones
• —Environnement de développement et outils nécessaires

Fondamentaux des Observables (création et vie)

• —Comprendre les Observables : Producteurs de données asynchrones
• —Création d'Observables : `of`, `from`, `fromEvent`, `interval`, `timer`
• —Flux de vie d'un Observable : Création, exécution, notification, complétion, erreur
• —La notion de cold vs hot Observables
• —Premiers exemples pratiques de souscription et désouscription

Opérateurs de création et de transformation essentiels

• —Opérateurs de transformation : `map`, `pluck`, `filter`, `take`
• —Opérateurs temporels : `debounceTime`, `throttleTime`
• —Opérateurs combinatoires de base : `concat`, `merge`, `combineLatest`
• —Chaining d'opérateurs pour des flux complexes
• —Exercices pratiques de manipulation de flux simples

Gestion des erreurs et complétion des Observables

• —Gestion des erreurs : Opérateurs `catchError`, `retry`, `retryWhen`
• —La complétion des Observables : Quand et comment un flux se termine
• —Utilisation de `finalize` pour des actions post-complétion ou erreur
• —Différence entre erreur retournée et erreur propagée
• —Stratégies de gestion des erreurs pour des applications robustes

Opérateurs avancés de filtrage, conditionnement et agrégation

• —Opérateurs de filtrage : `distinctUntilChanged`, `skip`, `takeUntil`
• —Opérateurs conditionnels : `iif`, `defaultIfEmpty`, `every`
• —Opérateurs d'agrégation : `reduce`, `scan`, `count`
• —Scénarios d'utilisation avancés de ces opérateurs
• —Mis en pratique pour des cas métier complexes

`Subject` et `Multicasting` : Partage de flux

• —Introduction aux Subjects : `Subject`, `BehaviorSubject`, `ReplaySubject`, `AsyncSubject`
• —Cas d'utilisation des différents types de Subjects
• —Multicasting avec `shareReplay`, `publishReplay` et `refCount`
• —Les pièges à éviter avec les Subjects et la gestion des abonnements multiples
• —Comparaison entre Observables et Subjects

Programmation à l'aide des opérateurs de combinaison

• —Opérateurs de combinaison avancés : `forkJoin`, `zip`, `withLatestFrom`
• —Gérer les dépendances de données asynchrones
• —Orchestrer plusieurs requêtes HTTP parallèles ou séquentielles
• —Scénarios d'utilisation pour des UIs complexes
• —Meilleures pratiques pour combiner des Observables

Opérateurs de haut niveau : `switchMap`, `mergeMap`, `concatMap`, `exhaustMap`

• —Comprendre les différences fondamentales entre ces opérateurs
• —Quand utiliser `switchMap` pour les recherches auto-complétées
• —Quand utiliser `mergeMap` pour des requêtes parallèles
• —Quand utiliser `concatMap` pour des requêtes séquentielles garanties
• —Quand utiliser `exhaustMap` pour éviter les requêtes redondantes

Traitement des événements UI et données de formulaires

• —Capturer des événements DOM avec `fromEvent`
• —Gestion des interactions utilisateur (clics, saisies clavier, glisser-déposer)
• —Validation de formulaires réactifs avec RxJS
• —Débogage des flux d'événements UI
• —Création de composants UI réactifs

Application pratique : Gestion des états avec RxJS

• —Introduction à la gestion d'état dans les applications front-end
• —Modélisation de l'état avec des Observables et Subjects
• —Architecture Redux-like avec RxJS
• —Exemples de mise à jour d'état et de propagation des changements
• —Bonnes pratiques pour une architecture d'état réactive

Techniques avancées et débogage de flux RxJS

• —Créer des opérateurs personnalisés avec `pipeable` operators
• —Opérateurs de débogage : `tap`, `delay`, `materialize`
• —Analyse des hot et cold Observables plus en profondeur
• —Stratégies de test unitaires pour les Observables
• —Outils et extensions de navigateur pour le débogage RxJS

Bonnes pratiques, optimisation et intégration avec Angular/React/Vue

• —Gestion des souscriptions : `takeUntil`, `takeWhile`, `RxDestroy`
• —Optimisation des performances avec RxJS
• —Intégration de RxJS dans Angular (services, Http, ngrx, ngxs)
• —Intégration de RxJS dans React (observables en hooks)
• —Intégration de RxJS dans Vue (vue-rx, composition API)

OPCO

Formations financées via votre opérateur de compétences

FAF

Aide à la formation pour les indépendants

France Travail

Des aides pour les demandeurs d'emploi

Employeur

Votre entreprise peut financer votre formation

FNE-Formation

Un soutien pour les entreprises en transformation

- Connaissances fondamentales de JavaScript (ES6+ recommandé) et de la programmation asynchrone (callbacks, promesses). - Notions de base en TypeScript sont un plus mais non obligatoires. - Familier avec un environnement de développement web (navigateur, éditeur de code, console).

- Un ordinateur (Windows, macOS ou Linux) avec une connexion internet stable. - Un éditeur de code moderne (VS Code, Sublime Text, WebStorm, etc.). - Node.js et npm (ou yarn) installés pour l'exécution des exercices. - Un navigateur web récent (Chrome, Firefox, Edge).

5 tests d'évaluation sont proposés à l'apprenant en fin de formation pour connaître son niveau sur chaque compétences visées.

Plateforme et contenus e-learning à disposition. Test de positionnement Quizz & Evaluations

Nous vous recevons lors d’un rendez-vous d’information préalable gratuit et confidentiel en visioconférence pour analyser vos besoins et co-construire votre parcours personnalisé. Chaque demande s’accompagne de la remise d’une convention ou d’un contrat précisant l’ensemble des informations relatives à la formation (Tarifs, calendrier, durée, lieu…). Ce contrat/convention sera transmis électroniquement par email.

A partir de l’accord de prise en charge par le financeur sollicité, le bénéficiaire peut démarrer sous un délai de 11 jours ouvrés. Si vous financez votre parcours de formation par vos propres moyens, alors le délai d'accès est immédiat. Vous pouvez entrer en formation tout au long de l’année.

♿️ Nous accueillons les personnes en situation de handicap. Les conditions d’accessibilité aux personnes handicapées sont inscrites sur le site imi-education.fr, rubrique Accessibilité.

Saskia Cazettes Pour tout renseignement : 07 80 91 06 14 / saskia.c@imi-executive-solutions.com

23 mars 2026

La formation alterne apports théoriques, mises en situation pratiques et échanges entre participants. Chaque concept est directement appliqué via des exercices concrets et des cas réels.

Oui, chaque participant reçoit un support de cours complet (format numérique et/ou papier) qu'il peut conserver à l'issue de la formation.

Certaines de nos formations sont éligibles au Compte Personnel de Formation (CPF). Consultez la fiche formation ou contactez-nous pour vérifier l'éligibilité.

Plusieurs dispositifs de financement existent : CPF, OPCO, plan de développement des compétences, financement individuel. Notre équipe peut vous accompagner dans vos démarches.

Oui, notre équipe reste disponible pour toute question post-formation. Vous bénéficiez également d'un accès à nos ressources en ligne pendant 6 mois après votre parcours.

RxJS est une bibliothèque JavaScript pour la programmation réactive. Il permet de gérer les flux de données asynchrones de manière efficace et est nécessaire pour développer des applications modernes et réactives.

Les avantages de la programmation réactive avec RxJS incluent une meilleure gestion des flux de données asynchrones, une amélioration de la performance et une facilité d'utilisation pour les développeurs.

Les objectifs de la formation sont de maîtriser les Observables et opérateurs RxJS, de développer des interfaces utilisateur réactives et performantes, de déboguer et d'optimiser des applications réactives et d'intégrer RxJS dans les frameworks JavaScript modernes.

Notre organisme de formation s'engage à accueillir et accompagner les personnes en situation de handicap. Notre référente handicap, Mme Lorène Travaux est disponible pour étudier avec vous les adaptations pédagogiques, techniques ou logistiques nécessaires avant toute inscription. Contactez-nous à hello@imi-executive-solutions.com ou au 06 72 09 69 52.