Слайс створюється за допомогою функції createSlice. Тут визначається стан і способи його зміни.

Створення слайсу

Створіть новий файл, наприклад:

src/features/counter/counterSlice.js

У цьому файлі визначте свій слайс:

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

const initialState = {
  value: 0
};

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

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

Визначення частини стану та логіки її оновлення.

createSlice автоматично створює:

• Дії на основі ваших редʼюсерів;
• Функцію-редʼюсер для стору;
• Структурований спосіб керування цією частиною стану.