redux-repatch-creator
v1.0.1
Published
Redux enhancer for dispatching reducers
Downloads
5
Maintainers
Readme
redux-repatch-creator
Redux enhancer for dispatching reducers
Repatch is just a simplfied Redux, that let you create actions more briefly by dispatching reducers directly.
The redux-repatch library adds this feature to Redux and ships the redux-thunk functionality too.
However if you need to be compatible with the original redux-thunk, then you are looking for this library.
The redux-repatch-creator
wraps the reducers into a redux-like action object.
Installation
npm install --save redux-repatch-creator
How to use
redux-repatch-creator
provides a store enhancer, that is usable at creating the store. This enhancer ensures that you can use regular actions, original thunk
actions and repatch actions together:
import { createStore } from 'redux'
import { repatch, createAction } from 'redux-repatch'
const reducer = (state = 0, action) {
switch (action.type) {
'SET_TO_VALUE': return action.value
default: state
}
}
const store = createStore(reducer, repatch)
const setToValue = value => ({ type: 'SET_TO_VALUE', value }) // redux action
const increment = value => createAction(state => state + value) // repatch action
store.dispatch(setToValue(42)) // 42
store.dispatch(increment(10)) // 52
Use with other enhancers
import { createStore, applyMiddlewares, compose } from 'redux'
import { repatch, createAction } from 'redux-repatch-creator'
const store = createStore(
reducer,
compose(
applyMiddlewares(myMiddleware),
repatch
)
)
Use without createAction
function
import { REDUCER } from 'redux-repatch-creator'
const increment = value => ({
type: REDUCER,
reducer: state => state + value
})
How it works
The repatch
enhancer extends your reducer by a special action type (REDUCER
), that every repatch action contains. The createAction
function creates a { type: REDUCER, reducer }
action object. When this action arrives into the reducer, the reducer considers that is a repatch action, and reduces the whole state by the given reducer
.
Bundles
<script src="https://unpkg.com/redux-repatch-creator/dist/redux-repatch-creator.js"></script>
or the minified bundle:
<script src="https://unpkg.com/redux-repatch-creator/dist/redux-repatch-creator.min.js"></script>
then
const { repatch, createAction, REDUCER } = ReduxRepatchCreator