Redux Config
Rapidly config Redux or React Redux.
Installation
This assumes that you're using npm package manager.
npm install --save redux-config
Usage
redux/config.js
)
1. Configure redux actions and reducers in a config file (e.g. const reduxStore1 = default: param1: '' param2: '' actions: UPDATE_REDUX_STORE1: inputs: 'param1' 'param2' reducer: 'MERGE' // pre-defined reducer function CLEAR_REDUX_STORE1: inputs: { return param1: '' param2: '' ; } ; const reduxStore2 = default: list: actions: SET_REDUX_STORE2: params: 'list' reducer: 'SET' // pre-defined reducer function CLEAR_REDUX_STORE2: params: reducer: 'CLEAR' // pre-defined reducer function ;
1.1. Predefined reducer functions
See src/parsers/reducerFunctions.js
redux/index.js
)
2. Initialize redux store (e.g. const actions reducers = const store = ; moduleexports = actions store;
3. Use actions and reducers in React components
... // the method that calls the redux action { thispropsactions; } ... { ... // read data from redux store const reduxStore1Param1 = thispropsreduxStore1param1; const reduxStore2List = thispropsreduxStore2list; ... } { return reduxStore1: statereduxStore1 reduxStore2: statereduxStore2 ;} moduleexports = ReactComponent;
How Does It Work?
License
MIT