Mikor használnál useReducer helyett useState-et?

Question

Accepted Answer

`useReducer` egy **tiszta reducer függvénybe** centralizálja az állapot átmeneteit, ahelyett hogy sok `useState` settert szórnál szét. Ez a Redux minta React-ben beépített verziója. ```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 ; } ``` ## Hogyan működik Elküldöl egy **akciót** (egy egyszerű objektumot, amely egy eseményt ír le). A React meghívja a `reducer(currentState, action)` függvényt, és a visszaadott objektumot az új állapotként használja. A reducer **tiszta** (nincs mellékhatása, nincs mutáció), ami az logikát előre láthatóvá és egység-tesztelhetővé teszi izoláltan. ## Mikor preferálod az useState helyett - A következő állapot **az előző állapoton függ** nem trivialista módon. - Több érték **együtt változik** (pl. `count` + `step` + `error`). - A frissítési logika elég összetett, hogy különböző kezelőkben ismételgetted. ```jsx // instead of 4 separate useState + 6 setters, one reducer owns it all ``` Bonus: a `dispatch` **stabil identitással** rendelkezik, így a kontextusen keresztüli vagy memoizált gyermekekhez való átadása nem okoz újrarenderelést. Egyszerű, független értékekhez az egyszerű `useState` még mindig egyértelműbb.