Kur do të përdorje useReducer në vend të useState?

Question

Accepted Answer

`useReducer` centralizon tranzicionet e gjendjes në një **funksion reducer të pastër**, në vend që të shpërndarësh shumë setters nga `useState`. Shtë versioni i ndërtuar në React i modelit 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 ; } ``` ## Si funksionon Ti `dispatch` një **action** (një objekt i thjeshtë që përshkruan një ngjarje). React thërret `reducer(currentState, action)` dhe përdor objektin e kthyer si gjendjen e re. Reduceri është **i pastër** (pa efekte anësore, pa mutacione), gjë që e bën logjikën e parashikueshme dhe e testabilë në izolim. ## Kur ta preferon mbi useState - Gjendja e ardhshme **varet nga gjendja e mëparshme** në mënyra jo triviale. - Disa vlera **ndryshojnë së bashku** (p.sh. `count` + `step` + `error`). - Logjika e përditësimit është mjaft e komplikuar saqë do ta përsëritje në disa handler. ```jsx // instead of 4 separate useState + 6 setters, one reducer owns it all ``` Bonus: `dispatch` ka një **identitet të qëndrueshëm**, kështu që kalimi i tij nëpër context ose tek fëmijët e memoizuar nuk shkakton ri-renderime. Për vlera të thjeshta, të pavarura, `useState` i thjeshtë është ende më i qartë.