Redux Action Inprovemnet

orderFood.js

import { genAuthHeaderFromState, genTokenFromState } from '../api';
import { default as apiStack } from '../api/apiStack';
import { createFetch, auth, body, method } from 'http-client';

// redux-api-middleware
export const orderList = () => ({
  [CALL_API]: ({
    endpoint: 'http://food.com/order/list/',
    method: 'GET',
    headers: genAuthHeadersFromState,
  })
})

// http-client on native fetcher
export const orderNoodle = (dispatch, getState) => 
  createFetch(
    apiStack,
    auth(genTokenFromState(getState()))
  )('/order/noodle/')
  .then(data => dispatch(data))

export const orderMeals = (dispatch, getState) =>
  createFetch(
    apiStack,
    auth(genTokenFromState(getState())),
    method('POST'),
    body(JSON.stringify(data), 'application/json')
  )('/order/noodle/')
  .then(data => dispatch(data))