Avancé

React

Construisez des interfaces modernes et réactives avec React — composants, hooks et state management.

Durée estimée
4 jours — 28h
📊
Niveau
Avancé
🎓

Objectifs pédagogiques

  • Comprendre l'architecture par composants et le Virtual DOM.
  • Maîtriser les hooks fondamentaux (useState, useEffect, useContext).
  • Gérer l'état global avec Redux Toolkit ou Context API.
  • Consommer des APIs REST et mettre en place le routing.
  • Tester et déployer une application React en production.

Prérequis

  • JavaScript ES6+ maîtrisé (closures, Promises, modules, destructuring).

Programme indicatif

Module 1 — Architecture React et JSX
  • Comprendre le Virtual DOM et le mécanisme de réconciliation React.
  • Créer des composants fonctionnels et structurer une application.
  • Maîtriser JSX, les expressions, le rendu conditionnel et les fragments.
  • Gérer les listes avec map et l'importance des keys React.
Module 2 — Hooks fondamentaux
  • Gérer l'état local avec useState et les états complexes avec useReducer.
  • Déclencher des effets de bord avec useEffect et gérer le cleanup.
  • Optimiser les performances avec useMemo et useCallback.
  • Créer ses propres hooks personnalisés (custom hooks) réutilisables.
Module 3 — State management global
  • Partager l'état entre composants avec Context API.
  • Implémenter Redux Toolkit pour les applications complexes.
  • Gérer les états asynchrones avec RTK Query.
  • Choisir la bonne stratégie de state management selon le projet.
Module 4 — Routing, formulaires et API
  • Mettre en place la navigation avec React Router v6.
  • Gérer les formulaires avec React Hook Form et la validation Zod.
  • Consommer des APIs REST depuis React avec gestion d'erreurs.
  • Implémenter l'authentification JWT et les routes protégées.
Module 5 — Performance, tests et déploiement
  • Analyser et optimiser les performances avec React DevTools et Profiler.
  • Écrire des tests avec React Testing Library.
  • Configurer un projet Next.js pour le SSR et le SSG.
  • Projet final : application React complète avec authentification et API.
Un programme adapté à votre niveau réel

Ce programme est indicatif. Pour un parcours vraiment sur mesure, commencez par vous entraîner et évaluer votre niveau avec le quiz CodeDuel. Contactez-nous ensuite — notre IA détecte précisément vos gaps et nous construisons un programme adapté à votre niveau réel.

Parcours associé

Cette formation fait partie du parcours Développeur Full Stack Web.

Voir le parcours complet

Prêt à démarrer ?

Contactez-nous pour construire votre parcours sur mesure.