Je Eerste Slice Maken met createSlice

Een slice wordt aangemaakt met de functie createSlice. Hier definieer je je state en hoe deze kan veranderen.

Een Slice aanmaken

Maak een nieuw bestand aan, bijvoorbeeld:

src/features/counter/counterSlice.js

Definieer in dit bestand je 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;

Je definieert een stuk state en de logica die deze bijwerkt.

createSlice maakt automatisch aan:

• Acties op basis van je reducers;
• Een reducerfunctie voor de store;
• Een gestructureerde manier om dit deel van de state te beheren.