Officiel
React — Niveau Intermédiaire
Par DevWorkWeb
Ce cours reprend exactement là où s'arrête « React.js : créer sa première application » (cours gratuit) : pas de retour sur les bases (components, props, state, useEffect), on avance directement vers ce qui distingue un projet React amateur d'un projet React professionnel — hooks avancés, Context API, gestion d'état moderne (Zustand, Redux Toolkit, TanStack Query), TypeScript, et une interface soignée avec Tailwind CSS.
Ce que vous allez apprendre
Prérequis
Avoir terminé le cours « React.js : créer sa première application » (components, props, state, events, useEffect, API, routing) ou avoir un niveau strictement équivalent.
Public cible
- • Développeurs ayant terminé le cours gratuit « React.js : créer sa première application »
- • Développeurs React autodidactes souhaitant structurer et professionnaliser leurs acquis
Programme détaillé
5 modules · 22 leçons1. Hooks avancés 5 leçons
Au-delà de useState et useEffect déjà vus dans le cours gratuit : les hooks qui optimisent les performances et permettent d'écrire de la logique réutilisable.
- useRef : accéder au DOM et persister une valeur 14 min
- useMemo : mémoriser un calcul coûteux 14 min
- useCallback : mémoriser une fonction 14 min
- useContext en pratique 10 min
- Créer un custom hook 16 min
2. Context API 4 leçons
Partager un état entre des components éloignés dans l'arbre, sans le faire transiter manuellement par chaque niveau intermédiaire (prop drilling).
- Le problème du prop drilling 12 min
- Créer et fournir un Context 16 min
- Consommer un Context avec useContext 12 min
- Cas d'usage concrets : Auth et Theme globaux 14 min
3. Gestion d'état professionnelle 4 leçons
Quand Context ne suffit plus (state complexe, performances, données serveur), trois familles d'outils prennent le relais.
- Zustand : un state global minimaliste 16 min
- Redux Toolkit : le standard historique modernisé 16 min
- TanStack Query : gérer les données serveur différemment 18 min
- Choisir le bon outil selon le projet 12 min
4. TypeScript + React 5 leçons
Ajouter des types à une application React pour détecter des erreurs avant même de lancer le code, un standard dans les équipes professionnelles.
- Pourquoi TypeScript sur un projet React 12 min
- Typer les props d'un component 16 min
- Typer le state et les événements 14 min
- Typer les réponses d'API 14 min
- Generics : une introduction pratique 12 min
5. UI professionnelle 4 leçons
Construire une interface qui a l'air conçue par une équipe de design, avec Tailwind CSS et les bonnes pratiques d'accessibilité et de responsive.
- Tailwind CSS avec React 16 min
- Construire des composants réutilisables stylés 14 min
- Dark mode avec Tailwind 12 min
- Accessibilité et responsive en pratique 14 min
🎯 Projet final
Dashboard professionnel avec state global et TypeScript
Le projet fil rouge consiste à construire un dashboard React typé en TypeScript, avec un state global (Zustand ou Context), les données serveur gérées par TanStack Query, et une interface Tailwind soignée incluant le mode sombre.
- Accès à vie
- Certificat inclus
- Exercices pratiques
- Mises à jour gratuites
Avis des apprenants
Aucun avis pour l'instant. Soyez le premier à donner le vôtre.