Context, her seviyeden prop geçirmeden (prop drilling) bir değeri bir alt ağacın tamamıyla paylaşmanıza olanak tanır. Bir context oluşturursunuz, bir alt ağacı Provider ile sıvarsınız ve herhangi bir torun useContext ile okur.
= ();
() {
(
);
}
() {
theme = ();
;
}
Düşük frekanslı, "global benzeri" pek çok bileşenin ihtiyaç duyduğu veriler: theme, current user, locale, feature flags.
Provider'ın value değiştiğinde, context'i tüketen her bileşen yeniden işlenir — bunun yalnızca bir kısmına abone olmak için bir yol yoktur. İki pratik sonuç:
// ❌ 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}>
Sıkça değişen veya büyük state için context'i daha küçük parçalara ayırın veya seçici abonelik destekleyen bir store (Zustand/Redux) kullanın. Context bir dependency-injection aracıdır, tam bir state manager değildir.