1// As an engineer with a Java backend development background, you might be familiar with middleware in the context of server-side frameworks like Spring Boot.
2// In Redux, middleware provides a way to enhance or modify the dispatch function.
3
4// For example, let's say you want to log every action and its payload before it reaches the reducers:
5const logger = (store) => (next) => (action) => {
6  console.log('Dispatching action:', action);
7  console.log('Payload:', action.payload);
8  return next(action);
9};
10
11// Here, the `logger` function is an example of a middleware. It is a function that takes the Redux store and returns another function that takes the `next` dispatch function and returns yet another function that takes the `action`.
12// Inside this nested structure, you can perform additional logic before and after calling `next(action)`.
13
14const middleware = [logger];
15
16// To apply middleware in Redux, you can use the `applyMiddleware` function from the Redux library when creating the store:
17import { createStore, applyMiddleware } from 'redux';
18import rootReducer from './reducers';
19
20const store = createStore(
21  rootReducer,
22  applyMiddleware(...middleware)
23);
24
25// By passing the middleware to `applyMiddleware`, you can enhance the dispatch function with additional functionality.
26// Each middleware in the array is called in the order they are listed.