actions.js

import { makeThunkActionCreator } from 'redux-toobelt-thunk'

export const fetchOrders = makeThunkActionCreator(‘fetchOrders’, () => api.fetchOrders()))

export const addOrder = makeThunkActionCreator(‘addOrder’, order => api.addOrder(order))

export const updateOrder = makeThunkActionCreator(‘updateOrder’, order => api.updateOrder(order))

export const fetchProfile = makeThunkActionCreator(‘removeOrder’, id => api.removeOrder(id).then(() => id))

orders-reducer.js

import { makeAsyncReducer } from 'redux-toobelt'
import { fetchOrders, addOrder, updateOrder, fetchProfile } from './actions'

const upsertOrder =  (state, { payload }) => upsertItemById(state.data, payload.id, payload)

const removeOrder = (state, { payload: id }) => removeItemById(state.data, id)

export const ordersReducer = composeReducers(
  makeAsyncReducer(fetchOrders, { defaultData: [] }),
  makeAsyncReducer(addOrder, { dataGetter: upsertOrder }),
  makeAsyncReducer(updateOrder, { dataGetter: upsertOrder }),
  makeAsyncReducer(removeOrder, { dataGetter: removeOrder }),
  makeAsyncReducer(logout, { shouldDestroyData: false }),
)