Meta jsaħħa tuża useReducer minflok useState?

Question

IT Interview Practice · Accepted Answer

`useReducer` tiċċentralizza state transitions f'funzjoni waħda **pure reducer**, minflok li tespandi ħafna setters `useState`. Din hija l-verżjoni built-in ta' React tal-mudell Redux. ```jsx function reducer(state, action) { switch (action.type) { case "increment": return { count: state.count + 1 }; case "setStep": return { ...state, step: action.payload }; case "reset": return { count: 0, step: 1 }; default: return state; } } function Counter() { const [state, dispatch] = useReducer(reducer, { count: 0, step: 1 }); // describe WHAT happened, not HOW state changes: return ; } ``` ## Kif taħdem Int `dispatch` **action** (oġġett sempliċi li jiddeskrivi avveniment). React isejjaħ `reducer(currentState, action)` u juża l-oġġett li jmur lura bħala l-istat ġdid. Ir-reducer huwa **pure** (l-ebda effetti sekondarja, l-ebda mutazzjoni), li jagħmel il-loġika predittiva u testabbli għal unità f'iżolament. ## Meta tkun preferuta għal useState - L-istat li jmiss **jiddipendi mill-istat preċedenti** b'modi mhux trivjali. - Diversi valuri **jinbidlu flimkien** (es. `count` + `step` + `error`). - Il-loġika tal-aġġornament hija kumplessa biżżejjed li tkun irripetuta madwar il-handlers. ```jsx // instead of 4 separate useState + 6 setters, one reducer owns it all ``` Bonus: `dispatch` għandha **identità stabbli**, għalhekk il-passaġġ tagħha permezz tal-kontekst jew lill-ulied memoized ma jikkawża re-renders. Għal valuri sempliċi u indipendenti, `useState` sempliċi għadu aktar ċar.

Kif taħdem

Meta tkun preferuta għal useState

Mistoqsijiet relatati