dynamic add reducer in redux

dynamic-add-reducer-in-redux.js

/**
 * Created by lixuexin on 2017/9/15.
 */

import { createStore, combineReducers } from 'redux';
import _ from 'lodash';

const reducer = combineReducers({
  dynamicRoot: (state = {}, action) => {
    // if your want to change all reducer,see
    // https://stackoverflow.com/questions/32968016/how-to-dynamically-load-reducers-for-code-splitting-in-a-redux-application
    switch (action.type) {
      case 'addStateNode':
        _.set(state, action.path, action.reducer(state, action)); // dynamic change node
        return state;
    }
    return state;
  },
});

export function main() {
  const store = createStore(
    reducer,
    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
  );

  setInterval(() => {
    store.dispatch({
      type: 'addStateNode',
      path: _.shuffle(['a', 'b', 'c']).join('.'), //create random path for test
      reducer: combineReducers({
        moduleLogicReducer: (state = {}, action) => state, //your business logic
      }),
    });
  }, 2000);
}