Soláthraíonn athruithe stáit ath-léiriú, agus d'fhéadfadh gur rud go bhformhór go bhfuil i bhfad níos mó ath-léiriú ná is gá ann — ag moilliú an fheidhmchlár. Na straitéisí príomha: liostáil go caol, stáit a roinnt, cuimhne, agus stáit a choinneáil go logánta.
store = ();
count = store.;
count = ( s.);
Is iad an liostáil dhíreach (tosca Zustand/Redux, adamha Jotai) an t-uillinneoir ba bhreá — ní dhéanann comhpháirteanna ath-léiriú ach nuair a athraíonn a sliogán sonrach, ní gach uair a bhíonn an stór á thabhairt chuig dáta.
// ❌ one big context → every consumer re-renders when anything changes
// ✅ separate contexts so unrelated updates don't cross-trigger
<ThemeContext><UserContext>...</UserContext></ThemeContext>
const Item = React.memo(ItemComponent); // skip re-render if props are unchanged
const expensiveValue = useMemo(() => compute(data), [data]);
const handleClick = useCallback(() => doX(id), [id]); // stable function reference
Coinnítear cuimhne ar chloinn ó bhheith ag ath-léiriú nuair nach bhfuil a gcuid props (de réir tagartha) tugtha faoi deara — ach níl sé ag feidhmiú ach má choinníonn tú props/callbacks go geal is go léir (mar sin useCallback/useMemo) agus má thabharann tú stáit go neamhbhorrúil faoi dáta.
State high in the tree re-renders everything below it.
Move state DOWN to the smallest component that needs it → smaller re-render scope.
// ❌ a new object/array each render breaks memoization downstream
<Child config={{ a: 1 }} /> // new {} every render
// ✅ stable reference
const config = useMemo(() => ({ a: 1 }), []);
const selectActive = createSelector([s => s.items], items => items.filter(i => i.active));
// returns the SAME reference when items didn't change → no needless re-render
React DevTools Profiler / "why did you render" → find what actually re-renders
before optimizing. Premature memoization adds complexity for no gain.
Is é ath-léiriú iomarcach ceann de na príomhchúiseanna atá ag fágáil go bhfuil feidhmchláir React/dhríofa ag stáit mall, agus eascraíonn siad ó bhealach ina bhfuil stáit scéimh agus liostála.
An bhuánchóir — liostáil roghnach chaol, comhthéacsanna roinnte, cuimhne le tagartha cobhsaí, uasdátú neamhbhorrúil, agus logánú stáit — is ionann agus fhreagra dhíreach ar raon an ath-léiriú.
Go riachtanach, ba chóir duit a thomhas (Profiler) chun an fhíor-bhac a aimsiú sula ndéantar barraigead, ós rud é go gcuireann cuimhne gan smaoinimh castacht gan sochar.
Tá tuiscint ar an méid a spreagann ath-léiriú agus conas a bhí i gceist lena choimeád ríthábhachtach d'fheidhmchláir mhórmhéide a bhfuil feidhmíonn go maith ar fáil.