რა დროს გამოიყენებთ useReducer-ს useState-ის ნაცვლად?

Question

Accepted Answer

`useReducer` ცენტრალიზებს state transitions-ებს ერთ **pure reducer function**-ში, `useState` setters-ის ბევრი ადგილზე გაფანტვის ნაცვლად. ეს არის React-ის built-in ვერსია Redux pattern-დან. ```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 ; } ``` ## როგორ მუშაობს თქვენ `dispatch` თქვენ **action** (plain object რომელიც აღწერს ივენტს). React დიახ `reducer(currentState, action)` და იყენებს დაბრუნებულ ობიექტს ახალი state-ის სახით. reducer არის **pure** (არ არის side effects, არ არის mutation), რაც აქცევს ლოგიკას predictable-სა და unit-testable-ს იზოლაციაში. ## როდის უპირატესობა მივცეთ useState-ზე - შემდეგი state **დამოკიდებულია წინა** state-ზე არატრივიალური გზით. - რამდენიმე მნიშვნელობა **ერთად იცვლება** (მაგ. `count` + `step` + `error`). - Update logic საკმარისად რთულია რომ თქვენ გაიმეორეთ იგი მრავალ handlers-ში. ```jsx // instead of 4 separate useState + 6 setters, one reducer owns it all ``` Bonus: `dispatch`-ს აქვს **stable identity**, ამიტომ მისი გადაცემა context-ში ან memoized children-ებზე არ იწვევს re-renders-ს. მარტივი, დამოუკიდებელი მნიშვნელობებისთვის, plain `useState` უფრო გასაგებია.