Description

La gestion de l'état (state management) est l'un des aspects les plus critiques du développement d'applications React modernes.

Avec de nombreuses solutions disponibles sur le marché, il est essentiel de comprendre les différentes approches pour choisir celle qui convient le mieux à vos besoins spécifiques.

Ce cours, "React, State Management", vous guide à travers les principales solutions de gestion d'état utilisées en entreprise, telles que Redux, Redux-Saga, Zustand, Recoil, et Jotai.

Vous apprendrez à configurer et utiliser chaque solution, à comprendre leurs avantages et inconvénients, et à maîtriser les approches Reducer-based, Atom-based, et Mutable-based.

À la fin de ce cours, vous serez capable de choisir la solution de gestion d'état la plus adaptée à vos projets React.

Publics visés

  • Développeurs React souhaitant approfondir leurs connaissances en gestion d'état.
  • Développeurs front-end cherchant à utiliser des solutions de gestion d'état scalables et maintenables.
  • Architectes logiciels désirant standardiser la gestion d'état dans les projets React.
  • Chefs de projet technique souhaitant comprendre les différentes approches de state management en React.
  • Développeurs indépendants ou freelances cherchant à offrir des solutions optimisées à leurs clients.

Pré-requis

  • Bonne maîtrise de React et des hooks (useState, useEffect).
  • Connaissance de base de JavaScript et des concepts de programmation fonctionnelle.
  • Expérience préalable avec des applications React de taille moyenne à grande.
  • Compréhension des concepts de base du state management dans React.
  • Familiarité avec l'écosystème React et ses outils de développement.

Compétences

Maîtriser la gestion d'état dans React avec différentes solutions comme Redux, Redux-Saga, Zustand, Recoil, et Jotai.

Comprendre les différences entre les approches Reducer-based, Atom-based, et Mutable-based.

Configurer et utiliser Redux et Redux-Saga pour des projets React complexes.

Implémenter une gestion d'état efficace avec Zustand et Jotai pour des projets React plus légers.

Utiliser Recoil pour une gestion d'état fine-grainée et atomique dans des applications React modernes.

Choisir la solution de gestion d'état la plus adaptée à votre projet en fonction des besoins spécifiques.

Intégrer des solutions de gestion d'état avec les outils de développement React existants.

Optimiser les performances de vos applications React en utilisant les bonnes pratiques de gestion d'état.

Comprendre les avantages et les limites de chaque approche pour faire des choix éclairés.

Être capable de migrer d'une solution de gestion d'état à une autre selon l'évolution des besoins du projet.

Contenu du cours

5 chapites • 24 vidéos • 3h 27m de cours
Introduction à la Gestion d'État dans React
4 vidéos • 33m 51s

Découvrez les bases de la gestion d'état dans React et pourquoi c'est important.

Comprendre le State Management dans React
08:30

Explorez les concepts fondamentaux de la gestion d'état en React.

Présentation des principales solutions de gestion d'état
08:24

Familiarisez-vous avec les principales solutions de gestion d'état pour React.

Approches de gestion d'état : Reducer-based, Atom-based, Mutable-based
08:28

Comprenez les différentes approches de gestion d'état dans React.

Choisir la bonne solution de gestion d'état
08:29

Apprenez à sélectionner la solution de gestion d'état adaptée à votre projet.

Redux et Redux-Saga : La Référence en Entreprise
5 vidéos • 43m 7s

Maîtrisez Redux et Redux-Saga, les solutions de gestion d'état les plus populaires en entreprise.

Introduction à Redux : Concept et Installation
08:32

Découvrez les bases de Redux, son architecture, et comment l'installer.

Utilisation de Redux : Actions, Reducers, Store
08:35

Apprenez à utiliser les principaux concepts de Redux.

Middleware Redux : Thunk vs Saga
08:38

Découvrez les différences entre Redux Thunk et Redux-Saga pour la gestion des side effects.

Introduction à Redux-Saga : Concept et Configuration
08:40

Comprenez les concepts clés de Redux-Saga et apprenez à le configurer.

Avantages et inconvénients de Redux-Saga
08:42

Évaluez les forces et faiblesses de Redux-Saga par rapport à d'autres solutions.

Gestion d'État Atomique avec Recoil et Jotai
5 vidéos • 43m 23s

Découvrez l'approche atom-based pour une gestion d'état fine et granulaire.

Introduction à Recoil : Atom-based State Management
08:36

Découvrez comment Recoil gère l'état de manière atomique et réactive.

Utilisation de Recoil : Atoms, Selectors, Hooks
08:39

Maîtrisez les concepts de base de Recoil pour gérer l'état dans vos applications React.

Introduction à Jotai : Simplicité et Flexibilité
08:41

Explorez Jotai, une solution atom-based simple et flexible pour la gestion d'état.

Avantages et inconvénients de l'approche atomique
08:43

Comprenez les forces et les limites de la gestion d'état atomique avec Recoil et Jotai.

Comparaison Recoil vs Jotai
08:44

Comparez Recoil et Jotai pour choisir la solution atomique adaptée à votre projet.

Gestion d'État Mutable avec Zustand
5 vidéos • 43m 23s

Explorez l'approche mutable pour une gestion d'état simple et efficace avec Zustand.

Introduction à Zustand : Gestion d'État Mutable
08:36

Découvrez comment Zustand gère l'état avec une approche mutable et simple.

Utilisation de Zustand : Stores, Actions, Hooks
08:39

Maîtrisez les concepts de base de Zustand pour gérer l'état de manière efficace dans React.

Avantages et inconvénients de l'approche mutable
08:41

Évaluez les forces et faiblesses de la gestion d'état mutable avec Zustand.

Comparaison Zustand vs Redux
08:43

Comparez Zustand et Redux pour choisir la solution de gestion d'état adaptée à votre projet.

Intégration de Zustand avec des solutions atom-based
08:44

Apprenez à combiner Zustand avec des solutions atom-based pour une gestion d'état hybride.

Bonnes Pratiques et Astuces pour le State Management
5 vidéos • 43m 20s

Adoptez les meilleures pratiques et astuces pour une gestion d'état efficace dans React.

Bonnes pratiques de gestion d'état dans React
08:35

Adoptez les meilleures pratiques pour gérer l'état dans vos projets React.

Optimisation des performances avec le State Management
08:39

Améliorez les performances de vos applications React grâce à une gestion d'état optimisée.

Migration d'une solution de gestion d'état à une autre
08:41

Apprenez à migrer d'une solution de gestion d'état à une autre dans React.

Éviter les pièges courants du State Management
08:42

Évitez les erreurs fréquentes lors de la gestion d'état dans React.

Cas pratiques et études de cas sur le State Management
08:43

Étudiez des cas concrets de gestion d'état réussie dans des projets React.

Enseignant

image
Julien Moulin

Fondateur & Formateur Js/Ts

11 articles sur le blog
28 cours

Julien Moulin est un expert en développement full stack (JS/TS) et un leader technique reconnu. Il excelle dans l'adoption de technologies innovantes tout en répondant aux besoins clients. Son approche allie pragmatisme et innovation, avec une expertise couvrant les plateformes e-commerce, les applications métiers et la modernisation des architectures existantes. En mentor passionné, il partage ses connaissances avec pédagogie, encourage l’apprentissage continu, et inspire ses équipes à relever des défis ambitieux.

Pour aller plus loin, faites du SSR !