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

Programme de la formation
Maîtriser ReactJS: Développement Web Avancé et Optimisation

• 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

• 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

• 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

• Gestion d'État Complexe avec Redux (Partie 2)
• 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

• 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

• 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

• 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

• Sécurité et Meilleures Pratiques
• 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

• 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

• 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