What

How

// Creating an actionimport{createAction}from'async-action-creator'constmyAction=createAction('MY_ACTION')// Mounting the reducerimport{REDUCER_NAME,reducer}from'async-action-creator'constrootReducer=combineReducers({// All of your reducers[REDUCER_NAME]:reducer// Naming is important})// Creating the servicesexportdefault{[myAction.TYPE]:{action:myAction,uri:"https://api.chucknorris.io/jokes/random",method:"GET",onResolve:response=>response.value,onReject:error=>error.message,options:options=>({      ...options,'content-type':'text'})},};// Adding the middlewareimport{middleware}from'async-action-creator'...createStore(rootReducer,applyMiddleware(middleware(services)))...// Middleware in actiondispatch(myAction.run())// Actions automatically dispatched:{type:'MY_ACTION'}{type:'MY_ACTION_STARTED'}{type:'MY_ACTION_RESOLVED',payload:"Jean-Claude Van Damme once attempted to throw a Chuck Norris Roundhouse Kick. He was immediately arrested for fraud."}// Dispatching async actions manuallyconstmapDispatchToProps={run:myAction.run,// run({foo: 'bar'}) -> {type: MY_ACTION, payload: {foo: 'bar'}}start:myAction.start,// start({foo: 'bar'}) -> {type: MY_ACTION_STARTED, payload: {foo: 'bar'}}fetch:myAction.fetch,// fetch({foo: 'bar'}) -> {type: MY_ACTION_FETCH, payload: {foo: 'bar'}}update:myAction.update,// update({foo: 'bar'}) -> {type: MY_ACTION_UPDATE, payload: {foo: 'bar'}}create:myAction.create,// create({foo: 'bar'}) -> {type: MY_ACTION_CREATE, payload: {foo: 'bar'}}remove:myAction.remove,// remove({foo: 'bar'}) -> {type: MY_ACTION_REMOVE, payload: {foo: 'bar'}}resolve:myAction.resolve,// resolve({foo: 'bar'}) -> {type: MY_ACTION_RESOLVED, payload: {foo: 'bar'}}reject:myAction.reject// reject({foo: 'bar'}) -> {type: MY_ACTION_REJECTED, payload: {foo: 'bar'}}}// Getting action status, error and response// Using this with this `myAction.resolve({foo: 'bar'})` as the last action dispatchedconstmapStateToProps=state=>({status:myAction.getStatus(state),// => 'resolved'error:myAction.getError(state),// => undefinedresponse:myAction.getResponse(state)// => {foo: 'bar'})}// Using actions in reducersswitch(type){casemyAction.TYPE:// => 'MY_ACTION'return{            ...state,hello: 'me'}casemyAction.STARTED:// => 'MY_ACTION_STARTED'return{            ...state,hello:'cat'}casemyAction.FETCH:// => 'MY_ACTION_FETCH'return{            ...state,hello:'rat'}casemyAction.UPDATE:// => 'MY_ACTION_UPDATE'return{            ...state,hello:'rabbit'}casemyAction.CREATE:// => 'MY_ACTION_CREATE'return{            ...state,hello:'owl'}casemyAction.REMOVE:// => 'MY_ACTION_REMOVE'return{            ...state,hello:'elephant'}casemyAction.RESOLVED:// => 'MY_ACTION_RESOLVED'return{            ...state,hello:'dog'}casemyAction.REJECTED:// => 'MY_ACTION_REJECTED'return{            ...state,hello:'dodo'}default:returnstate}

Why

Installation

yarn add async-action-creator// ornpm install --save async-action-creator

Tests

// jest testsyarntest// jest coverageyarn cover

Contributors

Thanks

License