Meta hu Context soluzzjoni tal-istat tajba u meta le?

Question

Accepted Answer

**Context API** ta' React tippermettilok taqsam valur mat-taħt-siġra kumpleta tal-komponenti mingħajr prop drilling. Hija għadira għal data **baxxa ta' frekwenza, maqsuma ħafna** — iżda hi mhix soluzzjoni kumpleta tal-immaniġġjar tal-istat u għandha trappla ta' re-render għall-istat li jinbidel ta' spiss. ## Meta Context tiddi ```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 ``` ## Il-Qoton: kull konsumatur jirenderizza mill-ġdid fuq KULL bidla ```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 ``` Meta l-valur tal-context jinbidel, **l-immiet** komponenti li jużaw dak il-context se jirenderizzaw mill-ġdid — irrispettivament minn jekk jużaw il-parti li binbidlet jew le. Għal istat li jinbidel ta' spiss, dan jikkawża problemi ta' prestazzjoni. Context m'għandux subscrizzjoni selettiva integrata. ## Mitigazzjonijiet u l-alternattiva ```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 ``` Maktabat tal-istat (Zustand, Redux, Jotai) jsolvu l-problema ta' re-render b'**subscrizzjonijiet selettivi** — komponenti jissoskrivu biss għall-fettgħat li jużaw u jirenderizzaw mill-ġdid biss meta dawk jinbidlu: ```js const count = useStore(s => s.count); // re-renders ONLY when count changes ``` ## Context mhix imeħħieġ tal-istat ```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. ``` ## Għaliex dan habbra L-għarfien tal-ħalqa l-ġusta ta' Context — u l-limiti tiegħu — jipprevjeni żewġ żbalji komuni: prop-drilling ta' affarijiet li jkollhom ikunu f'Context, u poter ta' istat ta' frekwenza għolja f'Context (jikkawża re-renders ta' applikazzjoni sħiħa). Ir-regola: Context għal valuri **mhux ta' spiss jinbidlu, maqsuma ħafna** (tema, utent, lokal); ħazna dedikatt b'subscrizzjonijiet selettivi għall-istat **jinbidel ta' spiss jew kbir**. L-ifhim li Context iddistribwixxi l-istat iżda ma jemmaniġġahx jikkonċerni meta huwa suffisenti u meta tgħid lil aktar.