Kada biste koristili useReducer umjesto useState?

Question

Accepted Answer

`useReducer` centralizira promjene stanja u jednoj **čistoj reducer funkciji**, umjesto da rasipate mnogo `useState` settera. To je ugrađena React verzija Redux paterna. ```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 radi Dispečujete **akciju** (obični objekt koji opisuje događaj). React poziva `reducer(currentState, action)` i koristi vraćeni objekt kao novo stanje. Reducer je **čist** (bez nuspojava, bez mutacije), što čini logiku predvidljivom i jedinično testabilnom u izolaciji. ## Kada ga preferirate nad useState - Sljedeće stanje **ovisi o prethodnom** stanju na netrivijalne načine. - Više vrijednosti **mijenja se zajedno** (npr. `count` + `step` + `error`). - Logika ažuriranja je dovoljno složena da biste je ponavljali u različitim rukovateljima. ```jsx // instead of 4 separate useState + 6 setters, one reducer owns it all ``` Bonus: `dispatch` ima **stabilnu identitetu**, zato što mu prosljeđivanje kroz kontekst ili memoiziranim djeci ne uzrokuje ponovno renderiranje. Za jednostavne, neovisne vrijednosti, obični `useState` je i dalje jasniji.