Creazione della Prima Slice con createSlice

Una slice viene creata utilizzando la funzione createSlice. Qui si definisce lo stato e come può essere modificato.

Creazione di una Slice

Crea un nuovo file, ad esempio:

src/features/counter/counterSlice.js

All'interno di questo file, definisci la tua 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;

Si definisce una porzione di stato e la logica che la aggiorna.

createSlice crea automaticamente:

• Azioni basate sui reducer;
• Una funzione reducer per lo store;
• Un modo strutturato per gestire questa parte dello stato.