import { createStore, applyMiddleware } from 'redux'
import hakeReduxMiddleware from 'hake-redux'
import rootReducer from './reducer'
// axios is a xhr lib just like fetch.
import axios from 'axios'
// your client
const client = axios.create()
// store
const store = createStore(
  rootReducer,
  applyMiddleware(hakeReduxMiddleware(client))
)
 

// actions.js
export function loadFoo(id) {
  return {
    type: LOAD_FOO,
    // redux-pack way
    // promise: Api.getFoo(id),
    // hake-redux doing.
    promise: client => client.get('/path/to/foo')
    meta: {
        onSuccess: (response) => logSuccess(response)
    },
  };
}