Redux navigation (helper)

ActivityNavigationRedux.js

import createNavigationReducer from './createNavigationReducer';
import ActivityNavigation from '../Navigation/ActivityNavigation';

export const {reducer} = createNavigationReducer(ActivityNavigation, 'ActivitiesScreen');

createNavigationReducer.js

import {createReducer} from 'reduxsauce';
import {NavigationActions} from 'react-navigation';
import Immutable from 'seamless-immutable';

export default (Navigator, initialScreen, reducers = {}) => {
  let initialState = Navigator.router.getStateForAction(NavigationActions.navigate({routeName: initialScreen}));

  let navigate = (state = initialState, action) => {
    let mutableState = Immutable.asMutable(state, {deep: true});

    return Immutable(Navigator.router.getStateForAction(NavigationActions.navigate(action, mutableState))) || state;
  };

  return {
    initialState,
    navigate,
    reducer: createReducer(initialState, {
      [NavigationActions.NAVIGATE]: navigate,
      [NavigationActions.BACK]    : navigate,
      [NavigationActions.RESET]   : () => initialState,
      ...reducers
    })
  };
};

DrawerNavigationRedux.js

import createNavigationReducer from './createNavigationReducer';
import DrawerNavigation from '../Navigation/DrawerNavigation';

export const {reducer} = createNavigationReducer(DrawerNavigation, 'Activities');