Learning Redux

Setting up redux-thunk middleware

We are now going to set up the redux-thunk middleware:

1. As with all libraries, we first need to install redux-thunk with npm:

npm install --save redux-thunk

2. Now, we need to import and load the middleware when creating our store. As we will use the same middleware for our development and production store, we create a new src/store/middleware.js file and import redux-thunk there:

import thunkMiddleware from 'redux-thunk'

3. We also import the applyMiddleware helper function from Redux:

import { applyMiddleware } from 'redux'

4. Then, we can create and export our middleware:

const middleware = applyMiddleware(  thunkMiddleware)export default middleware

5. Now, all that's left to do is use the middleware while ...