Как работает Redux Toolkit

Redux Toolkit упрощает работу с Redux, уменьшая boilerplate код. Основные части:

1. createSlice – генерирует редьюсеры и экшены автоматически на основе переданного объекта:

const counterSlice = createSlice({
  name: 'counter',
  initialState: 0,
  reducers: {
    increment: state => state + 1,
    decrement: state => state - 1
  }
});

2. configureStore – настраивает хранилище с redux-thunk по умолчанию и devTools:

const store = configureStore({
  reducer: counterSlice.reducer
});

3. RTK Query – встроенный инструмент для работы с API (аналог React Query).

Ключевые преимущества:

• Иммутабельные обновления через Immer (можно писать мутирующий код)
• Автоматическая генерация экшенов
• Упрощенная настройка middleware
• TypeScript поддержка из коробки

Пример использования:

// Диспатч экшена
dispatch(counterSlice.actions.increment());
// Получение состояния
const count = useSelector(state => state.counter);