Formation Maîtriser ReactJS: Développement Web Avancé et Optimisation

01.Rappels et Bonnes Pratiques ReactJS

• —Architecture d'une application React avancée
• —Hooks fondamentaux (useState, useEffect, useContext)
• —Gestion des props et de l'état local
• —Optimisation des composants fonctionnels

02.Hooks Avancés et Personnalisés

• —Comprendre useCallback, useMemo, useRef
• —Création et utilisation de hooks personnalisés
• —Optimisation des rendus avec React.memo
• —Pattern de réutilisation logique via hooks

03.Gestion d'État Complexe avec Redux (Partie 1)

• —Introduction à Redux et ses principes (Store, Reducers, Actions)
• —Configuration de Redux dans une application React
• —Utilisation de useDispatch et useSelector
• —Structuration du Store pour des applications de grande envergure

04.Gestion d'État Complexe avec Redux (Partie 2)

05.Routage Avancé avec React Router

• —Configuration de React Router DOM v6
• —Routes imbriquées et routes protégées
• —Gestion des paramètres d'URL et des requêtes
• —Navigation programmatique et historique

06.Context API et Patterns Avancés

• —Utilisation du Context API pour le partage d'état global
• —Comparaison Context API vs Redux
• —Render Props et Higher-Order Components (HOC)
• —Comprendre les Trade-offs et cas d'utilisation

07.Tests Unitaires et d'Intégration avec Jest et React Testing Library

• —Introduction aux tests en React
• —Configuration de Jest et React Testing Library
• —Écriture de tests unitaires pour composants et hooks
• —Simulation d'événements utilisateur et tests d'intégration

08.Performance et Optimisation d'Applications React

• —Profilage des performances avec le React Profiler
• —Optimisation des rendus (Lazy loading, code splitting)
• —Virtualisation des listes (react-virtualized, react-window)
• —Bonnes pratiques pour un code React performant

09.Sécurité et Meilleures Pratiques

10.Gestion des Formulaires Complexes et Validation

• —Bibliothèques de gestion de formulaires (Formik, React Hook Form)
• —Validation avancée avec Yup ou Zod
• —Champs dynamiques et formulaires multi-étapes
• —Gestion des erreurs et feedback utilisateur

11.Server-Side Rendering (SSR) et Static Site Generation (SSG)

• —Introduction aux concepts SSR et SSG
• —Utilisation de Next.js pour le SSR et SSG
• —Avantages et inconvénients pour le SEO et la performance
• —Mise en œuvre pratique d'une application Next.js

12.Déploiement, Monitoring et Projets Avancés

• —Déploiement d'applications React sur Netlify/Vercel
• —Monitoring des performances et erreurs (Sentry, New Relic)
• —Mise en place d'un système de thème ou de design system
• —Revue de projet et conseils pour l'écosystème React