Context tippermettlek li taqsam valur ma' ġol-subtree kollu mingħajr il-ħtieġa li tgħaddi props permezz ta' kull livell (prop drilling). Inti toħloq context, tħawwad subtree fiċ-Provider tiegħu, u kwalunkwe descendant taqraaha bi useContext.
= ();
() {
(
);
}
() {
theme = ();
;
}
Data bi frekwenza baxxa, "bħal-globali" li ħafna komponent għandhom bżonn: tema, utent preżenti, locale, feature flags.
Meta li value tal-Provider tinbidel, kull komponent li juża l-context jerrender mill-ġdid — m'hemm ebda mod biex tabbona biss sa parti minnu. Żewġ konsegwenzi prattiki:
// ❌ 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}>
Għal ta' bidla spiss jew state kbir, aqsam context fi partijiet iċgħar, jew uża store (Zustand/Redux) li jsostnix subscriptions selettivi. Context hija għodda ta' dependency-injection, mhux manager ta' state kompleta.