GratuitIntermédiaire3 h
Débuter avec React
Vous créerez un projet React avec Vite et construirez pas à pas une application : composants, JSX, props, état, listes, formulaires, effets et appels d'API. À la fin, vous aurez un petit catalogue de cours avec recherche, chargement et gestion des erreurs, et les réflexes pour continuer seul.
Ce que vous saurez faire
- Créer et lancer un projet React avec Vite
- Écrire des composants en JSX et leur transmettre des données avec les props
- Afficher des listes et du contenu conditionnel avec des clés correctes
- Gérer un état local avec useState et des formulaires contrôlés
- Partager un état entre composants en le remontant au parent
- Récupérer des données d'une API avec useEffect, en gérant chargement et erreur
- Extraire une logique réutilisable dans un hook personnalisé
Prérequis conseillés
Plan du cours
Partie 1 · Premiers pas avec React1 h 02
- Pourquoi React ? Créer son premier projet avec Vite13 min
- JSX et composants13 min
- Les props : transmettre des données13 min
- Listes, clés et rendu conditionnel13 min
- Quiz : premiers pas avec React10 min
Partie 2 · État et interactions51 min
- L'état avec useState14 min
- Événements et formulaires contrôlés14 min
- Partager l'état : le remonter au parent13 min
- Quiz : état et interactions10 min
Partie 3 · Effets et données distantes1 h 07
- Les effets avec useEffect14 min
- Appeler une API depuis un composant15 min
- Extraire un hook personnalisé12 min
- Projet : un catalogue de cours avec recherche16 min
- Quiz : effets et données distantes10 min