Creando Tu Primer Slice con createSlice

Una slice se crea utilizando la función createSlice. Aquí es donde defines tu estado y cómo puede cambiar.

Creación de una Slice

Crea un archivo nuevo, por ejemplo:

src/features/counter/counterSlice.js

Dentro de este archivo, define tu 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;

Se define una parte del estado y la lógica que la actualiza.

createSlice crea automáticamente:

• Acciones basadas en tus reducers;
• Una función reductora para el store;
• Una forma estructurada de gestionar esta parte del estado.