Correction d'un contexte global provoquant des re-rendus massifs

السيناريو

Contexte : Une application utilise React Context pour gérer un state global contenant utilisateur, thème et paramètres. Le Problème : À chaque modification mineure, l'ensemble des composants consommateurs se re-rendent inutilement. Contraintes : Vous devez conserver Context API sans ajouter Redux ou autre librairie externe. Optimisation via séparation ou memoization autorisée. Code actuel : const AppContext = React.createContext(); function AppProvider({ children }) { const [state, setState] = React.useState({ theme: "light", user: null }); return ( <AppContext.Provider value={{ state, setState }}> {children} </AppContext.Provider> ); } Livrable attendu : Refactoriser la structure pour limiter les re-rendus inutiles des composants consommateurs.

المهارات المستهدفة