Introduction
Dans ce projet, vous allez apprendre à créer une application React qui permet aux utilisateurs de basculer entre le mode clair et le mode sombre. Le projet démontrera l'utilisation de l'API React Context et du hook useContext
pour gérer l'état thématique global.
👀 Aperçu

🎯 Tâches
Dans ce projet, vous allez apprendre :
- Comment créer un
ThemeContext
à l'aide de l'API React Context - Comment utiliser le
ThemeContext
dans le composantApp
pour changer le style global de l'application en fonction du thème - Comment utiliser le
ThemeContext
dans le composantCard
pour changer les styles des cartes en fonction du thème - Comment envelopper le composant
App
avec leThemeProvider
pour rendre le contexte thématique disponible dans toute l'application
🏆 Réalisations
Après avoir terminé ce projet, vous serez capable de :
- Comprendre comment utiliser l'API React Context pour gérer l'état global
- Appliquer le hook
useContext
pour accéder aux valeurs du contexte - Implémenter différents styles en fonction du thème actuel
- Basculer le thème et mettre à jour l'état global