आपण useState ऐवजी useReducer केव्हा वापरायला?

Question

Accepted Answer

`useReducer` state transitions एकाच **pure reducer function** मध्ये केंद्रीभूत करतो, अनेक `useState` setters विखुरण्याऐवजी. हे Redux pattern चे React चे built-in संस्करण आहे. ```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 ; } ``` ## ते कसे काम करते आपण एक **action** dispatch करता (एक सादा object जो घटना वर्णन करतो). React `reducer(currentState, action)` कॉल करतो आणि परत केलेल्या object नवीन state म्हणून वापरतो. Reducer **pure** आहे (कोणत्याही side effects नाहीत, कोणतेही mutation नाहीत), जे logic अनुमानित आणि एकक-परीक्षण योग्य करते. ## useState पेक्षा कधी तरजीह द्यायची - पुढील state **मागील** state वर गैर-क्षुल्लक प्रकारे **अवलंबून** आहे. - अनेक मूल्ये **एकत्र बदलतात** (उदा. `count` + `step` + `error`). - अपडेट logic इतके जटिल आहे की आपण हँडलर्स मध्ये ते पुन्हा करायला हवेत. ```jsx // instead of 4 separate useState + 6 setters, one reducer owns it all ``` Bonus: `dispatch` ला **स्थिर identity** आहे, म्हणून context द्वारे किंवा memoized मुलांना पास करताना re-renders होत नाहीत. साध्या, स्वतंत्र मूल्यांसाठी, सादा `useState` अजूनही स्पष्ट आहे.