Ligeann Context duit luach a roinnt le crann iomlán gan props a chur tríd gach leibhéal (prop drilling). Cruthaíonn tú comhthéacs, fillíonn tú crann ina Provider, agus léann aon dhescendant é le useContext.
= ();
() {
(
);
}
() {
theme = ();
;
}
Donnedata ardriocht íseal, "domhanda-ish" go leor comhpháirteanna a theastaíonn: téama, úsáideoir reatha, logainm, bratacha fiontraime.
Nuair a athraíonn value an Provider, gach chomhpháirt a úsáideann an comhthéacs athuachaireach — níl aon bhealach ann níos mó ná codanna a fhostú. Dhá thoradh praiticiúil:
// ❌ 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}>
I gcás athrú minic nó stáit mhór, roinn an comhthéacs ina dhílíochtaí níos lú, nó úsáid a dhéanamh ar stór (Zustand/Redux) a thacaíonn le foinneoirí roghnaithe. Is uirlis insteallta-eisíochta a bhí i Context, ní bainisteoir stáit iomlán.