Exercices React JS

Implement a React Context for Global State

Implémentation du Context API pour un état global

Objectif : Utilisez le Context API pour créer un système de gestion d'état global en React.

Instructions :

  • Créez un ThemeContext pour gérer les modes thème clair et thème sombre.
  • Construisez un composant fournisseur (Provider) qui stockera le thème actuel et permettra de basculer entre les modes clair et sombre.
  • Utilisez le hook useContext dans un composant enfant pour accéder à l'état du thème et appliquer les styles correspondants.

Bonus : Utilisez le stockage local (localStorage) pour persister le thème même après un rechargement de la page.

Ajouter un commentaire

Veuillez vous connecter pour ajouter un commentaire.

Pas encore de commentaires.