Cathain is socrú stáit maith a bheith i gContext agus cathain nach ea?

Question

Accepted Answer

Ligeann **Context API** React duit luach a roinnt le fhoréigean gné ar fad gan prop drilling. Tá sé ar dóigh do **dhonraitheolacha íseal-minicíochta, leathscaoilte go leathan** — ach ní socrú stáit iomlán a thugann sé agus tá gaol fhíor ann maidir le athaslonnú do stáit athraitheach go minic. ## Nuair a soilsítear Context ```jsx const ThemeContext = createContext("light"); function App() { const [theme, setTheme] = useState("light"); return ( {/* any descendant can read theme — no prop drilling */} ); } ``` ```text Good fits (data that's read widely but changes rarely): ✓ Theme (dark/light) ✓ Current user / auth ✓ Locale / i18n ✓ App-wide config or feature flags ``` ## An gal: gach tomhaltóir a dhéanann athaslonnú ar AON athrú ```jsx // ❌ a context value that changes often re-renders ALL consumers const AppContext = createContext(); // value = { user, cart, notifications, ...everything } // → updating ONE field re-renders EVERY component using the context ``` Nuair a bhíonn an luach context ag athrú, **gach** ghné a thomhais an context sin a dhéanann athaslonnú — beag beann ar cibé an úsáideann siad an chuid a d'athraigh. I gcás stáit athraitheach go minic, cruthaíonn sé seo fadhbanna feidhmíochta. Níl aon tsocrú roghnaitheach in-bhuilte ag Context. ## Leathbhainte agus an rogha eile ```text ✓ Split into multiple focused contexts (ThemeContext, UserContext separately) ✓ Memoize the value object (useMemo) so it doesn't change identity needlessly ✗ But for high-frequency or large shared state → use a real store ``` Tugann leabharlanna stáit (Zustand, Redux, Jotai) réiteach ar an fhadhb athaslonnú le **socrúithe roghnaitheacha** — gach ghné a liostáíonn ach ar na sliosaí a úsáideann siad agus athaslonnú a dhéanann siad nuair a athraíonn na cinn sin: ```js const count = useStore(s => s.count); // re-renders ONLY when count changes ``` ## Ní bainisteoir stáit a bhíonn i Context ```text Context = a TRANSPORT mechanism (passes a value down), NOT state management itself. You still need useState/useReducer to hold the state; Context just distributes it. ``` ## Fáth an tábhachta A bheith ar an eolas ar dhroichead an chúnta ag Context — agus ar a theorainneacha — coiscéann sé dhá bhóthar coitianta: rudaí a dhríodar agus ba chóir go mbeadh i Context, agus stáit ardmhichiochta a chur i Context (rud a chruthaíonn athaslonnú ar fud an app). An riail: Context do **luachanna annamh-athraitheacha, leathscaoilte go leathan** (téama, úsáideoir, logainm); a dhílse a stór le socrúithe roghnaitheacha do **stáit ardmhichiochta nó mór** roinnte. Tuiscint a fháil go roinneann Context stáit ach nach bhainísteann sé soileir a dhéanann cathain a bhíonn a leor aige agus cathain a bhíonn níos mó de dhíth.