Kdy byste použili useReducer místo useState?

Question

Accepted Answer

`useReducer` centralizuje přechody stavu v jediné **čisté funkci reduceru**, místo aby bylo rozprostřeno mnoho setterů z `useState`. Je to vestavěná verze Redux patternu v Reactu. ```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 ; } ``` ## Jak to funguje Provedete `dispatch` **akce** (prostý objekt popisující událost). React zavolá `reducer(currentState, action)` a vrácený objekt použije jako nový stav. Reducer je **čistý** (bez vedlejších efektů, bez mutací), což činí logiku předvídatelnou a jednotkově testovatelnou izolovaně. ## Kdy ji preferovat oproti useState - Další stav **závisí na předchozím** stavu netriviálním způsobem. - Několik hodnot **se mění společně** (např. `count` + `step` + `error`). - Logika aktualizace je dostatečně složitá, že byste ji opakovali v více handlerech. ```jsx // instead of 4 separate useState + 6 setters, one reducer owns it all ``` Bonus: `dispatch` má **stabilní identitu**, takže jeho předávání přes context nebo memoizovaným potomkům nezpůsobuje re-rendery. Pro jednoduché, nezávislé hodnoty je prostý `useState` stále jasnější.