Basculer entre le mode clair et le mode sombre

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 composant App pour changer le style global de l'application en fonction du thème
• Comment utiliser le ThemeContext dans le composant Card pour changer les styles des cartes en fonction du thème
• Comment envelopper le composant App avec le ThemeProvider 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