Exercices Context API

Tâche : Créez 3 contexts différents avec createContext(valeurParDéfaut) : pour le thème, l'utilisateur et la langue.

Tâche : Créez un ThemeProvider qui enveloppe ses children avec <ThemeContext.Provider value={{ theme, setTheme }}>.

Tâche : Consommez un context avec useContext(MonContext) dans deux composants distincts sans passer de props.

Tâche : Implémentez un système de thème complet : ThemeContext, ThemeProvider, useTheme() et un composant qui bascule entre clair/sombre.

Tâche : Créez un AuthContext avec user, login(email) et logout(). Le AuthProvider stocke l'utilisateur dans le state.

Tâche : Créez un context de notifications avec un hook useNotif() qui expose notifs et ajouterNotif(message, type).

Tâche : Créez un LangueContext avec un objet t (traductions) et un bouton pour basculer entre fr/en.

Tâche : Créez un CartProvider avec panier, ajouter(produit), supprimer(id) et total (calculé).

Tâche : Créez 2 contexts distincts (ThemeContext + AuthContext) et imbriquez leurs Providers dans App.

Tâche finale : Un seul AppProvider qui gère thème, auth et langue. Hook useApp() avec vérification d'erreur. Plusieurs composants le consomment.