Learning Redux

Creating a middleware folder

We start by creating a folder for our middleware functions--do not confuse this with src/store/middleware.js, which is responsible for applying existing middleware to the store:

1. Create a new folder: src/middleware/.
2. Create a new file for our logging middleware: src/middleware/logger.js.
3. Create a new file for our error reporting middleware: src/middleware/error.js.
4. Create a new file to re-export our other middleware functions from: src/middleware/index.js.

 

 

5. Edit the src/middleware/index.js file and re-export the functions from the other files:

import loggerMiddleware from './logger'import errorMiddleware from './error'export { loggerMiddleware, errorMiddleware }