React et Redux perfectionnement

Objectifs

Appliquer des techniques avancées pour optimiser les performances des applications React.
Concevoir des architectures évolutives en utilisant les fonctionnalités avancées de Redux.
Intégrer efficacement les outils de test et de débogage dans le flux de développement.
Créer et déployer des applications web robustes et optimisées pour l'environnement de production.

Programme de la formation

Module 1 : Rappel des fondamentaux React et Redux
Révision des concepts de base : composants, état, props.
Principes clés de Redux : store, actions, reducers.
Connexion React et Redux avec les hooks useSelector et useDispatch.
Module 2 : Optimisation des performances dans React
Comprendre le Virtual DOM et son impact sur le rendu.
Techniques avancées : React.memo, useMemo, useCallback.
Gestion des listes optimisée : clés, pagination, rendu conditionnel.
Module 3 : Context API et Redux avancé
Comparaison Context API et Redux : cas d'utilisation.
Création et gestion de middlewares personnalisés dans Redux.
Introduction à Redux Toolkit : simplification de la gestion d'état.
Module 4 : Gestion d'état avancée et architecture
Conception d'une architecture modulaire : division en modules et conteneurs.
Normalisation des états pour les données complexes.
Gestion avancée des états globaux avec Redux Slices.
Module 5 : Tests et débogage avec React et Redux
Tests unitaires et fonctionnels avec Jest et React Testing Library.
Tests spécifiques Redux : reducers, actions, intégrations.
Débogage efficace avec React DevTools et Redux DevTools.
Module 6 : Applications complexes avec React Router et Redux
Gestion des routes avancées : lazy loading, routes imbriquées.
Synchronisation des états Redux entre pages et composants.
Mise en pratique : création d'une application multi-pages avec Redux.
Module 7 : Gestion des appels API et actions asynchrones
Gestion des promesses avec Redux Thunk : état de chargement et erreurs.
Introduction à Redux Saga pour gérer les effets secondaires complexes.
Pratiques avancées pour les appels réseau : mise en cache, stratégies de revalidation.
Module 8 : Déploiement et optimisation en production
Optimisation des bundles avec Webpack : code splitting, tree shaking.
Audit des performances avec Lighthouse et outils React.
Déploiement avancé : CI/CD, gestion des environnements staging et production.

Validation et sanction

Maîtrise des techniques avancées pour optimiser les applications React et Redux.
Capacité à concevoir des architectures évolutives et robustes.
Intégration efficace des outils de test et de débogage dans les projets.
Compétence pour déployer des applications performantes prêtes pour la production.

Type de formation

Non certifiante

Sortie

Information non communiquée