Context yana ba ka damar raba ƙima tare da gida duka ba tare da wuce props ta kowane mataki (prop drilling). Ka ƙirƙiro wani context, lifido subantree a cikin Provider nusa, kuma duk descendant yana karanta shi tare da useContext.
= ();
() {
(
);
}
() {
theme = ();
;
}
Karewa-jirgin samai, "duniya-ish" bayanai yawancin abubuwan da suke bukattar: tema, mai amfani na halin yanzu, nau'i na yanki, alamar aiki.
Lokacin da Provider value ya canja, duk abin da ke amfani da context ya sabowa-renda — babu waya na hannu zuwa sassa kawai. Sakamakon aiki gida biyu:
// ❌ 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}>
Gare yawancin jiya ko girman state, raba context zuwa gida ƙarami, ko amfani da shafi (Zustand/Redux) wanda ke goyan bayan zaɓaɓɓun hannu. Context kayan aikin injection-dogaro ne, ba cikakkiyar dinadinta ba.