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

createSlice — это функция из Redux Toolkit, упрощающая создание редьюсеров и экшенов. Она принимает объект с параметрами (name, initialState, reducers), а также опционально extraReducers.

Как это работает:

1. Автогенерация экшенов: Для каждого редьюсера в reducers создаётся соответствующий экшен. Например, increment → increment().
2. Иммутабельные обновления: Внутри редьюсеров можно писать мутирующий код (благодаря Immer), но на выходе получается иммутабельное состояние.
3. Слайс: Возвращает объект с actions, reducer и caseReducers.

Пример:

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

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

export const { increment, decrement } = counterSlice.actions;
export default counterSlice.reducer;

Плюсы:

• Меньше шаблонного кода.
• Встроенная поддержка Immer.
• Интеграция с RTK Query и другими инструментами Redux.