|
DES RESSOURCES ET DES OUTILS AU SERVICE DES ACTEURS ET DES PROFESSIONNELS. |
React et Redux perfectionnementDate de mise à jour : 16/12/2024
| Identifiant OffreInfo : 24_279933 |
Carif-Oref Provence - Alpes - Côte d'Azur |
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.
Non certificiante
Information non communiquée
Conventionnement : Non
Niveau d'entrée : Information non communiquée
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.