Create reducer functions based on an object keyed by action types
Pretty much the same as the handleActions function in https://github.com/acdlite/redux-actions
Differences being that this only exposes the one function and allows nesting - API suggested by pburtchaell/redux-promise-middleware#35 (comment)
npm install type-to-reducer --save
import typeToReducer from 'type-to-reducer'
import { GET, UPDATE } from 'app/actions/foo'
const initialState = {
data: null,
isPending: false,
error: false
}
export const reducer = typeToReducer({
[GET]: (state, action) => ({
...state,
data: action.payload
}),
[UPDATE]: (state, action) => ({
...state,
data: action.payload
})
}, initialState)Can also be used to group reducers by prefix.
import typeToReducer from 'type-to-reducer'
import { API_FETCH } from 'app/actions/bar'
const initialState = {
data: null,
isPending: false,
error: false
}
export const reducer = typeToReducer({
[ API_FETCH ]: {
PENDING: () => ({
...initialState,
isPending: true
}),
REJECTED: (state, action) => ({
...initialState,
error: action.payload,
}),
FULFILLED: (state, action) => ({
...initialState,
data: action.payload
})
}
}, initialState)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent