Redux-Sword is a tool for Redux Reducer, which can make it automatically processed, so you can code less with it.
To install the stable version:
npm install --save-dev redux-sword
reducer's definition
import {combineReducers} from 'redux'
import {equipSword} from 'redux-sword'
const initailStateMain = {
userName: '',
userNick: '',
isLogined: false,
};
const initailStateProject = {
projectId: 0,
projectName: ''
};
const reducers = combineReducers(equipSword({
main : initailStateMain,
project: initailStateProject
}));
export default reducers;dispatch useage
dispatch({
type: 'ON_LOGIN',
// 'main' is your reducer name,
// automatically process use this to match your reducer
main: {
userName: 'maoshuchen',
userNick: 'somewind',
isLogined: true
}
});index.js for combine reducers
import {combineReducers} from 'redux'
// Here is the magic function
import {equipSword} from 'redux-sword'
// 'main' or 'project' is your reducer
import main from './main'
import project from './project'
//Use equipSword to make your reducer map a auto reducer map.
//You need keep 'main' and 'project' reducer to keep the different names.
//Here 'main' reducer with name 'main', 'project' reducer with name 'project', so, it's ok.
const reducers = combineReducers(equipSword({
main,
project
}));
export default reducers;main.js reducer
const initailState = {
userName: '',
userNick: '',
isLogined: false,
};
export default function (state = initailState, action) {
switch (action.type) {
//1.The following code can be automatically processed
//case 'ON_LOGIN':
// return {
// ...state,
// userName: action.main.userName,
// userNick: action.main.userNick,
// isLogined: action.main.isLogined,
// }
// break;
//2.If you have some logic code just like the following code has 'if(action.isLogoutSuccess)',
//you can write the case, the automatically process can be override.
case 'ON_LOGOUT':
if(action.isLogoutSuccess){
return {
...state,
userName: '',
userNick: '',
isLogined: false
}
}
break;
default :
return state;
}
};dispatch useage
dispatch({
type: 'ON_LOGIN',
// 'main' is your reducer name,
// automatically process use this to match your reducer
main: {
userName: 'maoshuchen',
userNick: 'somewind',
isLogined: true
}
});MIT