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

Question

IT Interview Practice · 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.

Lokacin da Context yake soye

Ƙarni: kowane mai cin gida yana sake yin bidi akan KOWANE maye

Damar gyarawa da zaɓe

Context ba shi da sarrafa state

Dalilin da ya sa yana matuƙa

Tambayoyi masu alaƙa