Retour à la leçonMission
Mission : arrêter l'hémorragie de re-rendus du ProviderNonOptimal
Diagnostiquer pourquoi tous les consommateurs d'un Context se re-rendent inutilement, et corriger en séparant les contextes.
Contexte
L'application a un seul AppContext.Provider qui expose { a, b, setA, setB }. Le Profiler React montre qu'un composant AfficheA, qui ne lit que a via useContext(AppContext), se re-rend à chaque fois que setB est appelé ailleurs dans l'application, même quand a n'a pas bougé d'un pouce. Un autre composant utilise useContext(AuthContext) en dehors de tout AuthProvider dans un test unitaire, et l'application plante avec un message d'erreur explicite plutôt qu'un bug silencieux.