Context ti omogoča deljenje vrednosti s celim podrevom brez podajanja props skozi vsako raven (prop drilling). Ustvariš context, ovijač poddrevo v njegovu Provider, in vsak potomec ga bere s useContext.
= ();
() {
(
);
}
() {
theme = ();
;
}
Nakoličine podatke, "globalne-ish" podatke, ki jih potrebuje mnogo komponent: tema, trenutni uporabnik, locale, feature flags.
Ko se value Provider spremeni, se vsaka komponenta, ki porabi context, ponovno prikaže — ni načina, da se naročiš samo na del. Dve praktični posledici:
// ❌ a NEW object every render → all consumers re-render every time
<Ctx.Provider value={{ user, setUser }}>
// ✅ memoize the value so it only changes when it really changes
const value = useMemo(() => ({ user, setUser }), [user]);
<Ctx.Provider value={value}>
Za pogosto spreminjajočo se ali veliko stanje razdeli context na manjše dele ali uporabi store (Zustand/Redux), ki podpira selektivne naročnine. Context je orodje dependency-injection, ni v celoti manager stanja.