Learn React Hooks

Adjusting the store

In order for us to be able to use asynchronous action creator functions in Redux, we are going to need to load the redux-thunk middleware. This middleware checks if an action creator returned a function, rather than a plain object, and if that is the case, it executes that function, while passing the dispatch function to it as an argument.

Let's adjust the store to allow for asynchronous action creators now:

1. Create a new src/configureStore.js file.
2. Import the createStore and applyMiddleware functions from Redux:

import { createStore, applyMiddleware } from 'redux'

3. Next, import the thunk middleware and appReducer function:

import thunk from 'redux-thunk'import appReducer from './reducers'

4. Now, we can define the store ...