Criando Seu Primeiro Slice com createSlice

Um slice é criado usando a função createSlice. É aqui que você define seu estado e como ele pode ser alterado.

Criando um Slice

Crie um novo arquivo, por exemplo:

src/features/counter/counterSlice.js

Dentro deste arquivo, defina seu slice:

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;

Você define um pedaço do estado e a lógica que o atualiza.

O createSlice cria automaticamente:

• Ações baseadas nos seus reducers;
• Uma função reducer para a store;
• Uma forma estruturada de gerenciar esta parte do estado.