gopinav / react-redux-tutorials Goto Github PK

In your tutorial when I use the function in store.dispatch(buyCake()) gives an error
throw new Error('Actions must be plain objects. ' + 'Use custom middleware for async actions.')"
my redux version is "redux": "^4.0.5"

`const redux = require('redux')

const createStore = redux.createStore
// console.log("from indexn")
debugger
const BUY_CAKE = 'BUY_CAKE'

function buyCake() {
return
{
type : BUY_CAKE
}
}

const initialState = {
numofCakes : 10
}

const reducer = (state = initialState, action) => {
switch(action.type){
case 'BUY_CAKE' : return {
...state,
numofCakes : state.numofCakes - 1
}
default: return state
}
}

const store = createStore(reducer) // holds and store the state of javascript app
console.log('Initial state', store.getState())

const unsubscribe = store.subscribe(() => console.log('Update State ', store.getState()))

store.dispatch(buyCake())
unsubscribe()
`

Your videos are really good and very helpful. Appreciate if you can create some tutorials on Redux toolkit.

in redux-demo-> asyncAction.js

need to do const thunkMiddleware = require("redux-thunk").thunk;, not const thunkMiddleware = require("redux-thunk").default; with redux-thunk since version 3