// sideNav.js
// Simple module that is suppose to open and close SideNavigation (hamburger menu) of an app.
 
import reduxModule from 'redux-module';
 
const module = reduxModule({
  initialState: {
    isSideNavOpen: false
  },
 
  reducers: {
    openSideNav: (state) => ({ ...state, isSideNavOpen: true }),
    closeSideNav: (state) => ({ ...state, isSideNavOpen: false })
  }
});
 
export default module;

import { combineReducers } from 'redux';
import { getReducersFromModules } from 'redux-module';
 
import * as allModules from '/modules/index';
 
export default combineReducers(getReducersFromModules(allModules));

import { getReducerFromModule } from 'redux-module';
const reducer = getReducerFromModule(allModules);

import { connect } from 'react-redux';
import { actions } from 'mobile/modules/appState';
 
@connect(state => ({ appState: state.appState }))
class App extends Component {
  render() {
    const { appState, dispatch } = this.props;
 
    return (
      <div>
        <button onClick={() => dispatch({type: actions.openSideNav})} >Open SideNav</button>
        <SideNavigation isSideNavOpen={appState.isSideNavOpen} />
      </div>
    );
  }
}

import { actions } from 'mobile/modules/appState';
 
console.log(actions); //{ openSideNav: 'openSideNav', closeSideNav: 'closeSideNav' }

import { actions } from 'mobile/modules/appState';
 
// somewhere in the component
dispatch({type: actions.openSideNav})