Séance 4
Effets & Navigation
useEffect, appels API, et React Router pour créer des applications multi-pages
Ce que vous allez apprendre
- •Comprendre les side effects et le cycle de vie des composants
- •Utiliser useEffect avec les tableaux de dépendances
- •Récupérer des données depuis des APIs externes
- •Gérer les états de chargement et d'erreur
- •Mettre en place React Router pour la navigation multi-pages
- •Créer des routes dynamiques avec paramètres d'URL
- •Combiner useEffect et routing pour des applications complètes
Parcours de la séance
Introduction aux Side Effects
FacileComprendre le cycle de vie et les effets de bord
Programmation Asynchrone
AvancéPromises, async/await et gestion des appels API
Le Hook useEffect
AvancéDépendances, cleanup et patterns essentiels
Récupération de Données
IntermédiaireFetch API, async/await et gestion d'états
Introduction au Routing
FacilePourquoi router ? Installation de React Router
Bases du Routing
IntermédiaireRoutes, Link, navigation et layouts
Routes Dynamiques
AvancéParamètres d'URL et useParams
Combiner useEffect & Routing
AvancéFetch de données basé sur les routes
Conclusion
FacileRécapitulatif et prochaines étapes
Exercices Pratiques
IntermédiaireBlog, annuaire utilisateurs, et plus
Quiz de validation
AvancéTestez vos connaissances sur les effets et le routing