• Tout public

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.

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.

Bonne maîtrise de JavaScript ES6 et des bases du développement web (HTML, CSS).
Expérience avec des frameworks ou bibliothèques JavaScript recommandée.

Durée en centre : 35 heures
Durée totale : 35heures

Formacode (Domaines de formation) :

• 30867 Langage javascript
• 31090 Programmation web

Rome (Métiers) :

• M1805 Études et développement informatique

NSF (Spécialités de formation) :

• 326 Informatique, traitement de l'information, réseaux de transmission des données