SF34365
2 jours
En présentiel ou distanciel
- 14 heures de formation
- Exercices pratiques
- Prise en charge OPCO possible
Un renseignement ?
Contactez-nous !- En entreprise ou à distance
- Cadrage pédagogique gratuit
- Programme de formation sur mesure
- Formateur expert dédié
- Prise en charge OPCO possible
Formation NgRx Signal.
Maîtrisez la gestion d'état moderne avec NGRX Signal et Angular !
Cette formation avancée vous initie aux dernières évolutions d’Angular à travers l’utilisation de la librairie @ngrx/signals. Vous apprendrez à exploiter les nouveaux concepts de Signal, Computed, Effect et LinkedSignal pour construire des architectures réactives claires, performantes et maintenables. En partant des bases de RxJS et en allant jusqu'à la création d’un état global connecté à une API, vous saurez structurer des applications Angular robustes, sans recourir au boilerplate traditionnel de NGRX. 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.
Programme de formation NgRx Signal.
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
Nos autres formations en Développement Front-End .
Formation Angular
Formation Angular Avancé
Formation Angular Avancé, avec certification Mid-level Angular Certification
Formation Angular, avec certification Junior Angular Developer
Formation Bootstrap 5
Formation D3.js
A travers sa Charte Engagement Qualité, Sparks s’engage à tout mettre en œuvre pour que chaque session de formation soit un succès et que votre satisfaction soit totale.
