Breaking News: Grepper is joining You.com. Read the official announcement!

js redux example

Stragen Horsecorn answered on January 18, 2022 Popularity 10/10 Helpfulness 2/10

answer js redux example

js redux example

Comment

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

const counterSlice = createSlice({
  name: 'counter',
  initialState: {
    value: 0
  },
  reducers: {
    incremented: state => {
      // Redux Toolkit allows us to write "mutating" logic in reducers. It
      // doesn't actually mutate the state because it uses the Immer library,
      // which detects changes to a "draft state" and produces a brand new
      // immutable state based off those changes
      state.value += 1
    },
    decremented: state => {
      state.value -= 1
    }
  }
})

export const { incremented, decremented } = counterSlice.actions

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

// Can still subscribe to the store
store.subscribe(() => console.log(store.getState()))

// Still pass action objects to `dispatch`, but they're created for us
store.dispatch(incremented())
// {value: 1}
store.dispatch(incremented())
// {value: 2}
store.dispatch(decremented())
// {value: 1}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: redux.js.org

Tags: javascript redux

Link to this answer
Share Copy Link

Contributed on Jan 18 2022

Stragen Horsecorn

0 Answers Avg Quality 2/10

js redux example

Contents

More Related Answers

js redux example

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.