fetch-middleware.js

export default store => next => action => {
  if (!action.request)
    return next(action)

  const { types, request, ...rest } = action
  const [ REQUEST, SUCCESS, FAILURE ] = types

  next({ ...rest, type: REQUEST })

  fetch(request)
    .then(res => res.json())
    .then(json => next({ ...rest, json, type: SUCCESS }))
    .catch(err => {
        console.error('error when fetch data: ', err)
        next({ ...rest, err, type: FAILURE })
    })
}