Что такое Redux Toolkit

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

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

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

Пример:

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());

Redux Toolkit сокращает код, уменьшает вероятность ошибок и ускоряет разработку.