NgRx Signal
Maîtrisez la gestion d'état moderne avec NGRX Signal et Angular !
Vue d'ensemble
Au fil des exercices pratiques, vous développerez une application de suivi des réussites, illustrant les meilleures pratiques d'architecture et de gestion d'état moderne.
Expérience en développement Angular (un mois minimum) et connaissances en TypeScript.
Objectifs pédagogiques
Programme détaillé
Introduction à la programmation réactive avec RxJS
Comprendre le rôle des Observables
Utiliser les BehaviorSubject pour gérer l’état
Maîtriser les opérateurs RxJS courants
Découverte des Signaux dans Angular
Présentation des concepts : signal, computed, effect, linkedSignal
Comparaison avec les approches RxJS traditionnelles
Zone.js et comportement des Signaux
Comprendre l’impact de zone.js
Utilisation des Signaux avec et sans zone.js
Introduction à @ngrx/signals
Pourquoi @ngrx/signals ?
Création d’un état simple avec NGRX Signal
Intégration de l’état dans un composant Angular
Travaux pratiques
Mise en place d’un premier store local avec Signaux
Utilisation dans un composant réel
Mise à jour de l’état avec withMethods
Déclarer et organiser les méthodes de modification d’état
Encapsuler la logique métier
Connexion à une API avec les méthodes réactives
Utiliser rxMethod pour gérer les appels API
Intégration d’opérateurs RxJS dans les effets
Structuration d’un état global d’application
Mise en place d’un root store
Création de services pour partager l’état
Usage de withComputed pour dériver des valeurs
Architecture et bonnes pratiques
Structurer son application avec NGRX Signal
Séparation des responsabilités
Modèle scalable et maintenable
Travaux pratiques
Création d’un service et d’une architecture de gestion d’état globale
Application concrète à une fonctionnalité métier de suivi des réussites
Prochaines sessions
Avis des participants
Financement
Cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
En savoir plus sur le financement