Как работает UseReducer

`useReducer` — это хук React для управления сложным состоянием компонента. Он принимает редьюсер (функцию) и начальное состояние, возвращает текущее состояние и метод `dispatch` для обновления состояния. **Как работает:** 1. Редьюсер — чистая функция `(state, action) => newState` 2. `dispatch(action)` вызывает редьюсер с текущим состоянием и переданным действием 3. Возвращается новое состояние, компонент перерендеривается **Пример:** ```jsx const initialState = {count: 0}; function reducer(state, action) { switch (action.type) { case 'increment': return {count: state.count + 1}; case 'decrement': return {count: state.count - 1}; default: throw new Error(); } } function Counter() { const [state, dispatch] = useReducer(reducer, initialState); return ( <> Count: {state.count} dispatch({type: 'decrement'})}>- dispatch({type: 'increment'})}>+ </> ); } ``` **Когда использовать:** - Сложная логика состояния - Глубоко вложенные обновления - Когда следующее состояние зависит от предыдущего - Для оптимизации производительности (можно передавать dispatch вниз без колбэков)