redux example

reducer_example.js

// In the homePageModule

// homePage/actionTypes.js
export const HOMEPAGE_ACTION = 'homePage/HOMEPAGE_ACTION';

// homePage/actions.js
export const homePageAction = (data) => {
    return {
        type: actionTypes.HOMEPAGE_ACTION,
        payload: data
    };
}

// homePage/reducers.js
export default function(state = defaultState, action = {}) => {
  switch (action.type) {
    case actionTypes.HOMEPAGE_ACTION:
      return {
        ...state,
        ...payload.data
      };
  }
}


// top level rootReducer.js
import homeReducer from './homePage/reducer';

const rootReducer = combineReducers({
    homeReducer,
    (any other reducers)
});

export default rootReducer;


// store.js
import rootReducer from './rootReducer';
...
const store = createStore(rootReducer, initialState)