Context ndadekke sampeyan bisa nuduhke nilai menyang kabeh subtree tanpa kudu nular props lumawe saben level (prop drilling). Sampeyan nggawe context, balungke subtree ing Provider-ne, lan kabeh turunan bisa maca karo useContext.
= ();
() {
(
);
}
() {
theme = ();
;
}
Data frekuensi kurang, "global-ishe" sing luwih akeh komponen butuh: theme, user saiki, locale, feature flags.
Nganggo value Provider owah, kabeh komponen sing nganggo context kuwi re-render - ora ana cara kanggo subscribe mung bagean. Rong akibat praktis:
// ❌ 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}>
Kanggo ganti-ganti asring utawa state gedhé, pisa context dadi potongan-potongan luwih cilik, utawa nganggo store (Zustand/Redux) sing mendukung selective subscriptions. Context kuwi alat dependency-injection, dudu state manager lengkap.