• Tout public

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.

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.

Connaissance approfondie de React JS et Redux.
Expérience pratique dans le développement d’applications web avec React.
Familiarité avec JavaScript ES6+ et les bases des tests unitaires.

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

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