React et Redux maîtrise complète

Objectifs

Assimiler les fondamentaux de React et Redux et savoir les appliquer efficacement.
Maîtriser les techniques avancées pour créer des applications performantes et robustes.
Intégrer Redux pour gérer des états complexes dans des projets à grande échelle.
Tester, optimiser et déployer des applications adaptées aux exigences de la production.

Programme de la formation

Module 1 : Introduction à React JS
Découverte de React : historique, avantages, et cas d'utilisation.
Composants React : structure, création et bonnes pratiques.
Manipulation des données avec props et état local.
Module 2 : Cycle de vie et hooks
Analyse du cycle de vie des composants : étapes de rendu et mises à jour.
Introduction aux hooks : useState, useEffect, et exemples pratiques.
Gestion avancée des effets secondaires avec useEffect.
Module 3 : Gestion des événements et interactions utilisateur
Gestion des événements utilisateur : écoute, manipulation et validation.
Création et gestion de formulaires dynamiques : formulaires contrôlés et non contrôlés.
Mise en pratique : implémentation de formulaires interactifs avec validations avancées.
Module 4 : Introduction à Redux
Présentation des concepts clés : store, actions, reducers.
Compréhension du flux unidirectionnel des données et de la gestion d'état.
Cas pratique : mise en œuvre de Redux dans un projet simple.
Module 5 : Intégration de Redux avec React
Configuration de Redux dans une application React : Provider et connecteurs.
Utilisation des hooks modernes de Redux : useSelector et useDispatch.
Mise en œuvre pratique : gestion de l'état global dans une application multi-pages.
Module 6 : Optimisation des performances avec React
Techniques avancées pour optimiser le rendu : React.memo, useMemo, et useCallback.
Optimisation des listes et chargements dynamiques : pagination et lazy loading.
Analyse et optimisation des performances globales avec React DevTools.
Module 7 : Redux avancé et Redux Toolkit
Introduction aux middlewares : Redux Thunk et Redux Saga pour la gestion asynchrone.
Découverte et utilisation de Redux Toolkit pour simplifier la gestion d'état.
Gestion des états complexes : normalisation et modularité.
Module 8 : Tests et débogage avec React et Redux
Réalisation de tests unitaires avec Jest : reducers, actions, et composants React.
Tests fonctionnels avec React Testing Library : validation des interfaces utilisateur.
Débogage avancé avec Redux DevTools et autres outils.
Module 9 : Déploiement et production
Optimisation des applications pour la production : minification, tree shaking et code splitting.
Stratégies de déploiement : plateformes comme Netlify, Vercel et pipelines CI/CD.
Audit des performances avec Lighthouse et autres outils pour garantir une efficacité optimale.

Validation et sanction

Maîtrise des bases et concepts avancés de React et Redux.
Compétence pour développer des applications web robustes et performantes.
Expertise dans la gestion de l'état et l'intégration de Redux dans des projets complexes.
Capacités pour tester, optimiser et déployer des applications adaptées à un environnement de production.

Type de formation

Non certifiante

Sortie

Information non communiquée