Handle action sequence in middleware

redux-action-sequences-2.js

const middleware = (store) => {
  return next => action => {
    // Dispathcing action.
    const returnValue = next(action);
    // Action dispatched.
    
    const state = store.getState();
    
    switch (action.type) {
      case START_REQUEST: {
        fetch('/api/v1/foo')
          .then(response => response.json())
          .then((data) => {
            store.dispatch(receive(data));
          })
          .catch((error) => {
            store.dispatch(showNotification(error));
          });
        
        break;
      }
    }
  }
};

const store = createStore(
  rootReducer,
  applyMiddleware(middleware),
);