spring.flyway.baselineOnMigrate = true

import { createReducer } from '@reduxjs/toolkit'

const initialState = { otherActions: 0 }

const reducer = createReducer(initialState, (builder) => {

  builder

    // .addCase(...)

    // .addMatcher(...)

    .addDefaultCase((state, action) => {

      state.otherActions++

    })

})

const counterReducer = createReducer(0, (builder) => {

  builder

    .addCase('increment', (state, action) => state + action.payload)

    .addCase('decrement', (state, action) => state - action.payload)

})

​

console.log(counterReducer.getInitialState()) // 0

import { createAction, createReducer } from '@reduxjs/toolkit'

​

const addTodo = createAction('todos/add')

const toggleTodo = createAction('todos/toggle')

​

const todosReducer = createReducer([], (builder) => {

  builder

    .addCase(addTodo, (state, action) => {

      const todo = action.payload

      return [...state, todo]

    })

    .addCase(toggleTodo, (state, action) => {

      const index = action.payload

      const todo = state[index]

      return [

        ...state.slice(0, index),

        { ...todo, completed: !todo.completed },

        ...state.slice(index + 1),

      ]

    })

})

import { createAction, createReducer } from '@reduxjs/toolkit'

​

const addTodo = createAction('todos/add')

const toggleTodo = createAction('todos/toggle')

​

const todosReducer = createReducer([], (builder) => {

  builder

    .addCase(addTodo, (state, action) => {

      // This push() operation gets translated into the same

      // extended-array creation as in the previous example.

      const todo = action.payload

      state.push(todo)

    })

    .addCase(toggleTodo, (state, action) => {

      // The "mutating" version of this case reducer is much

      //  more direct than the explicitly pure one.

      const index = action.payload

      const todo = state[index]

      todo.completed = !todo.completed

    })

})

import { createAction, createReducer } from '@reduxjs/toolkit'

​

const toggleTodo = createAction('todos/toggle')

​

const todosReducer = createReducer([], (builder) => {

  builder.addCase(toggleTodo, (state, action) => {

    const index = action.payload

    const todo = state[index]

​

    // This case reducer both mutates the passed-in state...

    todo.completed = !todo.completed

​

    // ... and returns a new value. This will throw an

    // exception. In this example, the easiest fix is

    // to remove the `return` statement.

    return [...state.slice(0, index), todo, ...state.slice(index + 1)]

  })

})

import { createReducer } from '@reduxjs/toolkit'

​

const reducer = createReducer(0, (builder) => {

  builder

    .addCase('increment', (state) => state + 1)

    .addMatcher(

      (action) => action.type.startsWith('i'),

      (state) => state * 5

    )

    .addMatcher(

      (action) => action.type.endsWith('t'),

      (state) => state + 2

    )

})

​

console.log(reducer(0, { type: 'increment' }))

// Returns 7, as the 'increment' case and both matchers all ran in sequence:

// - case 'increment": 0 => 1

// - matcher starts with 'i': 1 => 5

// - matcher ends with 't': 5 => 7

import { createSlice, current } from '@reduxjs/toolkit'

​

const slice = createSlice({

  name: 'todos',

  initialState: [{ id: 1, title: 'Example todo' }],

  reducers: {

    addTodo: (state, action) => {

      console.log('before', current(state))

      state.push(action.payload)

      console.log('after', current(state))

    },

  },

})