Yaushe Context iko mau kyau na magance matsala ta state kuma yaushe ba?

Question

Accepted Answer

React's **Context API** yana ba ka ikon raba ƙimomi tare da daukin ƙungiyar ƙwanƙwasai ba tare da tuƙi na prop drilling. Yana kyau sosai don **ƙarancin yawan jiya, ɓa-ɓa-jiya** bayani — amma ba shi cikakken maƙeri na sarrafa jashin ba kuma yana da ƙarni na sake yin bidi don kasua-maye ƙarancin state. ## Lokacin da Context yake soye ```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 ``` ## Ƙarni: kowane mai cin gida yana sake yin bidi akan KOWANE maye ```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 ``` Lokacin da ƙimami na context ya canja, **duka** ƙwanƙwasai da ke cinye wannan context suna sake yin bidi — ko da yaushe ba su yi aiki da ɓangaren da ya canja. Don kasua-maye ƙarancin state, wannan yana haifar da matsalar aiki. Context ba shi da ingantaccen rikitarwa na zaɓe. ## Damar gyarawa da zaɓe ```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 ``` Gidajen ilimi na state (Zustand, Redux, Jotai) suna warware matsalar sake yin bidi tare da **rikitarwar zaɓe** — ƙwanƙwasai suna rikita ne kawai ga qitocin da suke amfani dasu kuma suna sake yin bidi ne kawai lokacin da waɗancan a canja: ```js const count = useStore(s => s.count); // re-renders ONLY when count changes ``` ## Context ba shi da sarrafa state ```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. ``` ## Dalilin da ya sa yana matuƙa Sanin wurin da Context yake daidai — da iyakattarsa — yana hana kuskure gida: tuƙi-drillin abubuwan da suka kamata su kasua Context, da sanya kasua-maye state a Context (haifar da sake yin bidi na app-wide). Dokar: Context don **ƙarancin maye, ɓa-ɓa-jiya** ƙimomi (jiya, mai amfani, locale); waje da ingantaccen zaɓe don **kasua-maye ko babbar** ɓa-ɓa-jiya state. Sanin cewa Context yana rarraba state amma ba shi sarrafa shi ba yana fayyaci lokacin da ya isa kuma yaushe kana bukatar ƙarin.