Kdaj bi uporabil useReducer namesto useState?

Question

Accepted Answer

`useReducer` centralizira prehode stanja v eni **čisti funkciji reducer**, namesto da bi razširil več setters iz `useState`. To je vgrajena verzija React-ovega vzorca 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 ; } ``` ## Kako deluje Ti `dispatch` **action** (navaden objekt, ki opisuje dogodek). React pokliče `reducer(currentState, action)` in vrnjeni objekt uporabi kot novo stanje. Reducer je **čist** (brez stranskih učinkov, brez mutacij), kar logiko naredi napovedljivo in enojno testabilno v izolaciji. ## Kdaj ga preferirati pred useState - Naslednje stanje **zavisi od prejšnjega** stanja na netrivialnih načine. - Več vrednosti **se spremeni skupaj** (npr. `count` + `step` + `error`). - Logika posodobitve je dovolj zapletena, da bi jo ponavljal v različnih ročajih. ```jsx // instead of 4 separate useState + 6 setters, one reducer owns it all ``` Bonus: `dispatch` ima **stabilno identiteto**, zato prehod skozi context ali memoiziranim otrokom ne povzroči re-renderov. Za preproste, neodvisne vrednosti je navaden `useState` še vedno jasniji.