HOR

reducerHelper.js

// reducerHelper.js
export const createAsyncReducer = (initialState, asyncAction) =>
  (state = initialState, action) => {
    switch (action.type) {
      case asyncAction.request.type:
        return {
          ...state,
          asyncState: AsyncState.loading
        }
      case asyncAction.success.type: 
        return {
          ...state,
          data: action.payload.result,
          asyncState: AsyncState.loaded
        }
      case asyncAction.failed.type:
        return {
          ...state,
          asyncState: AsyncState.error,
          error: action.payload.error
        }
      default:
        return state
    }
  }

// ************************************************* //

// reducer.js
import { combineReducers } from 'redux'
import { createAsyncReducer } from './reducerHelper' // <- INI

const AsyncState = {
  idle: 'idle',
  loading: 'loading',
  loaded: 'loaded',
  error: 'error' 
}

const initialState = {
  user: {
    data: {},
    asyncState: AsyncState.idle,
  },
  post: {
    data: {},
    asyncState: AsyncState.idle,
  },
}

export default combineReducers({ // <- Use combineReducers
  user: createAsyncReducer(initialState.user, getUser), // <- Less code
  post: createAsyncReducer(initialState.post, getPost), // <- Less code
  ...
})