redux-call-effect
v1.0.1
Published
Declarative way to call action creators
Downloads
831
Maintainers
Readme
redux-call-effect
A declarative way to call action creators.
npm install --save redux-call-effect
import { call } from 'redux-call-effect';
// Before:
dispatch(doAction(param1, param2));
// After:
dispatch(call(doAction, param1, param2));
Why?
To simplify testing.
In some cases calling action creators imperatively makes testing virtually impossibe, especially when using thunks. Consider this example:
// Source:
const onResultSaved = result => dispatch => {
/* ... */
};
const saveResult = result => dispatch => {
/* ... */
dispatch(onResultSaved(result));
};
// Test:
test('saveResult() dispatches postResult', () => {
saveResult(result)(dispatch);
// Cannot do that, onResultSaved() returns a new function every time!
expect(dispatch).toHaveBeenCalledWith(onResultSaved(result)); // Error!
});
We cannot easily check if a correct thunk was dispatched. redux-call-effect
to the rescue:
// Source:
const onResultSaved = result => dispatch => {
/* ... */
};
const saveResult = result => dispatch => {
/* ... */
dispatch(call(onResultSaved, result));
};
// Test:
test('saveResult() dispatches postResult', () => {
saveResult(result)(dispatch);
expect(dispatch).toHaveBeenCalledWith(call(onResultSaved, result)); // Works!
});
Installation
npm install --save redux-call-effect
Before you can use call
you have to inject the middleware with applyMiddleware
:
import { createStore, applyMiddleware } from 'redux';
import { callEffectMiddleware } from 'redux-call-effect';
import reducer from './reducer';
const store = createStore(reducer, applyMiddleware(callEffectMiddleware));
Inspiration
This project is of course inspired by the call
effect from the awesome redux-saga.
License
MIT