Что такое Redux Toolkit

Redux Toolkit — это официальный набор инструментов для эффективной работы с Redux. Он упрощает настройку хранилища, уменьшает количество шаблонного кода и включает полезные утилиты.

Ключевые возможности:

• configureStore(): автоматически настраивает DevTools и middleware (например, Redux Thunk).
• createSlice(): генерирует редьюсеры и экшены из одного объекта, избавляя от ручного написания констант.
• createAsyncThunk(): упрощает работу с асинхронными операциями.
• Встроенная поддержка Immer для мутабельного обновления состояния.

Пример:

import { createSlice, configureStore } from '@reduxjs/toolkit';

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

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

// Использование:
store.dispatch(counterSlice.actions.increment());