import { combineReducers } from 'redux'
import { actions, reducer, createSelector } from 'redux-mount'
const WHATEVER_STATE_KEY = '_mount'
const mainReducer = combineReducers({
  [WHATEVER_STATE_KEY]: reducer,
  // your other reducers...
})
// create redux store with mainReducer etc...
/////////////////////////////
// MOUNTING
/////////////////////////////
// mount on path
dispatch(actions.mount('user/new'))
// mount on path with initial data
dispatch(actions.mount('user/new'), { type: 'administrator', name: 'John Doe' })
/////////////////////////////
// CHANGING MOUNTED STATE
/////////////////////////////
// after mount, every 'set' action works on the object
// under 'user/new' mount path; until we unmount
dispatch(actions.set('type', 'moderator')
// clear currently mounted state to an empty object -> {}
dispatch(actions.clear())
/////////////////////////////
// UNMOUNTING
/////////////////////////////
// unmount from the route; leaves mounted data as it was at the moment of unmount
dispatch(actions.unmount())
/////////////////////////////
// SELECTING MOUNTED STATE
/////////////////////////////
// "appState" represents your redux state object
// retrieve currently mounted data
const mountSelector = createSelector(WHATEVER_STATE_KEY)
const mountedData = mountSelector(appState)