server-render-like-a-pro-6.js

import { redirect } from 'redux-first-router'
import { isAllowed } from './utils'

const options = {
  onBeforeChange: (dispatch, getState, action) => {
    const allowed = isAllowed(action.type, getState())

    if (!allowed) {
      const action = redirect({ type: 'LOGIN' })
      dispatch(action)
    }
  }
}

const routesMap = {
 LIST: {
    path: '/list/:category',
    thunk: async (dispatch, getState) => {
      const{ payload: { category } } = getState().location

      const videos = await fetchData(`/api/videos/${category}`)

      if (videos.length === 0) {
        const action = redirect({ type: 'LIST', payload: { category: 'all' })
        dispatch(action)
      }

      dispatch({ type: 'VIDEOS_FETCHED', payload: { videos, category } })
    }
  }
}
  
  
const routesMap = {
 LIST: {
    path: '/list/:category',
    thunk: async (dispatch, getState) => {
      const {
        location: { payload: { category } },
        listData
      } = getState()

      if (listData[category]) return
      const videos = await fetchData(`/api/videos/${category}`)

      if (videos.length === 0) {
        const action = redirect({ type: 'LIST', payload: { category: 'all' })
        dispatch(action)
      }

      dispatch({ type: 'VIDEOS_FETCHED', payload: { videos, category } })
    }
  }
}