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
Comprendre le cycle de vie et les effets de bord
Programmation Asynchrone
Promises, async/await et gestion des appels API
Le Hook useEffect
Dépendances, cleanup et patterns essentiels
Récupération de Données
Fetch API, async/await et gestion d'états
Introduction au Routing
Pourquoi router ? Installation de React Router
Bases du Routing
Routes, Link, navigation et layouts
Routes Dynamiques
Paramètres d'URL et useParams
Combiner useEffect & Routing
Fetch de données basé sur les routes
Conclusion
Récapitulatif et prochaines étapes
Exercices Pratiques
Blog, annuaire utilisateurs, et plus
Quiz de validation
Testez vos connaissances sur les effets et le routing