Redux Basics

1
2
3
4
5
6
7
8

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

import { configureStore, createSlice } from "@reduxjs/toolkit";

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

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

const store = configureStore({
    reducer: { counter: counterSlice.reducer },
});

console.log(store.getState());