Da farko auna, sannan gyara ainihi — kada ka buga useMemo a waje akan gani.
Yi amfani da React DevTools Profiler (kunna "Highlight updates when components render"). Yana nuna wane abubuwannod ake juyawa da me sebab (props sun canja, state sun canja, yarenku sun juyawa, hanji sun canja).
sun damje :
React.memo// ❌ new function + new object every render
<Child onClick={() => go()} style={{ color: "red" }} />
// ✅ stabilize them
const onClick = useCallback(() => go(), []);
const style = useMemo(() => ({ color: "red" }), []);
<Child onClick={onClick} style={style} />
2. Context value da aka aika a farko a kowane juyawa → duk masu kunna suka juyawa. Tuntuni value ko rabu hanji.
**3. State sai a waje. ** Saurin state yadda ƙarami abubuwannod suka dogara shi ya kasance babbar nasara:
// move the fast-changing input state DOWN into the input component
// so typing doesn't re-render the whole page
4. Aiki mai tsada a juyawa → tanadi a useMemo.
Juyawannin abubuwannod suka zo arha — React sannu. Yawancin "taidita" suna ƙara hadaddiyar ba tare da amfani ba. Fi so sauye sauye na tsarin (juyawa jikin state, jirgin virtualization don dubdubi jeri) kan baza memos. Taidita wajennion takaici da profiler ya nuna, da sake auna don tabbatar cewa gyarawa ya taimaka daidai.