Guide
Ce guide vous aide à apprendre systématiquement RxJS dans un environnement TypeScript. En parcourant les sections ci-dessous dans l'ordre, vous pouvez acquérir une compréhension structurée de RxJS, des principes fondamentaux aux concepts avancés.
Table des matières
1. Introduction à RxJS
- Commencer à apprendre
- Configuration de l'environnement d'apprentissage
- Qu'est-ce que RxJS ?
- Qu'est-ce qu'un flux ?
- Promise vs. RxJS
2. Fondamentaux des observables
- Qu'est-ce qu'un Observable ?
- Comment créer un observable
- Flux d'événements
- Liste d'événements
- Observer vs Subscriber
- Cycle de vie des observables
- Observables froids et observables chauds
3. Fonctions de création
- Qu'est-ce qu'une fonction de création ?
- Fonctions de création de base - of, from, fromEvent, interval, timer
- Fonctions de génération de boucles - range, generate
- Fonctions de communication HTTP - ajax, fromFetch
- Fonctions de combinaison - concat, merge, combineLatest, zip, forkJoin
- Fonctions de sélection et de partition - race, partition
- Fonctions conditionnelles - iif, defer
- Fonctions de contrôle - scheduled, using
4. Comprendre les opérateurs
- Vue d'ensemble des opérateurs
- Concepts de pipeline
- Opérateurs de transformation - map, scan, mergeMap, switchMap, etc.
- Opérateurs de filtrage - filter, take, debounceTime, throttleTime, etc.
- Opérateurs de combinaison - withLatestFrom, mergeWith, etc.
- Opérateurs d'utilité - tap, delay, retry, finalize, takeUntil, etc.
- Multidiffusion - share, shareReplay, etc.
5. Sujets et multidiffusion
- Qu'est-ce qu'un sujet ?
- Types de sujets
- Comment fonctionne la multidiffusion
- Cas d'utilisation des sujets
6. Traitement des erreurs
- Stratégies de gestion des erreurs
- Deux emplacements pour la gestion des erreurs
- Intégrer try-catch avec RxJS
- retry et catchError
- finalize et complete
7. Utilisation des planificateurs
- Contrôle du traitement asynchrone
- Types d'ordonnanceurs et utilisation
- Notions de base sur les tâches et les ordonnanceurs
8. Techniques de débogage RxJS
- Aperçu des techniques de débogage
- Scénarios de débogage courants
- Outils de débogage personnalisés
- Débogage des performances
9. Techniques de test
10. Collection d'anti-modèles RxJS
- Que sont les anti-modèles ?
- Erreurs courantes et solutions
- Prolifération des flags
- Enoncés if imbriqués dans subscribe
- Mélange de promesses et d'observables
- L'enfer du one-liner
- Liste de contrôle pour éviter les anti-modèles
11. Surmonter les difficultés de RxJS
- Pourquoi RxJS est difficile
- L'obstacle de la compréhension conceptuelle
- L'obstacle de la gestion du cycle de vie
- Dilemme de la sélection de l'opérateur
- Comprendre la chronologie et l'ordre
- Difficultés liées à la gestion des états
- Combinaison de flux multiples
- Défis en matière de débogage
13. Collection de modèles pratiques
- Vue d'ensemble des modèles pratiques
- Gestion des événements de l'interface utilisateur
- Appels API
- Gestion des formulaires
- Patterns de formulaires avancés
- Traitement des données en temps réel
- Stratégies de mise en cache
- Modèles de gestion des erreurs
- Branchements conditionnels dans les abonnements
Annexe
- Aperçu de l'annexe
- Développement embarqué et programmation réactive
- Modèles réactifs au-delà de RxJS
- Carte de l'architecture réactive
- Programmation réactive reconsidérée
- Écosystème RxJS et Reactive Streams
NOTE
Ce guide est structuré de manière à approfondir votre compréhension de RxJS étape par étape et de manière systématique. N'hésitez pas à vous référer à n'importe quelle section si nécessaire.