title: Create initialState on Store with Redux
body: <p>I am using repo from <a href="https://github.com/caspg/simple-data-table-map" rel="nofollow noreferrer">https://github.com/caspg/simple-data-table-map</a> to implement into my existing app. However, in my existing app it contains various reducers with its own particular initialState. In the repo, the initialState is in the main.js </p>
  
  <pre><code>const initialState = {
      regionData: statesData,
      emptyRegions: [],
      sortState: { key: 'regionName', direction: 'ASC' }
  };
  
  const store = createStore(rootReducer, initialState);
  </code></pre>
  
  <p>I separate out the reducers in the repo ( without using the index.js to combine 3 of them ) so I can add them into my existing code.</p>
  
  <pre><code>const reducers = {
      User: require('../reducers/User.js'),
      Alert: require('../reducers/Alert.js'),
      Auth: require('../reducers/Auth.js'),
      Header: require('../reducers/Header.js'),
      PasswordPolicy: require('../reducers/PasswordPolicy.js'),
      AuditTrail: require('../reducers/AuditTrail.js'),
      StoragePolicy: require('../reducers/StoragePolicy.js'),
      DragAndDrop: require('../reducers/DragAndDrop.js'),
      UserProfile: require('../reducers/UserProfile.js'),
      emptyRegions: require('../reducers/map/emptyRegions.js'), //here is it
      regionData: require('../reducers/map/regionData.js'), //here is it
      sortState: require('../reducers/map/sortState.js'), //here is it
      Storage: require('./storage/Storage.js'),
      router: routerStateReducer
  };
  module.exports = combineReducers(reducers);
  </code></pre>
  
  <p>I have a file to combine all the reducers and each of their initialstate(which in the same file with the particular reducer)</p>
  
  <p>stores/index.js</p>
  
  <pre><code>module.exports = function(initialState) {
  const store = redux.createStore(reducers, initialState,
  
      compose(reduxReactRouter({ createHistory }), window.devToolsExtension ? window.devToolsExtension() : f =&gt; f)
  )
  
  if (module.hot) {
      // Enable Webpack hot module replacement for reducers
      module.hot.accept('../reducers', () =&gt; {
          const nextReducer = require('../reducers')
          store.replaceReducer(nextReducer)
      })
  }
  return store
  }
  </code></pre>
  
  <p>I tried to put the initiateState into sortState.js but it is not working.
  The data do not show up. It must be something that from the author's repo</p>
  
  <pre><code>const store = createStore(rootReducer, initialState);
  </code></pre>
  
  <p>that set the initialState into the application state.</p>
  
  <p>Please enlighten me. Thanks</p>