title: How to dynamically load reducers for code splitting in a Redux application?
body: <p>I'm going migrate to Redux.</p>
  
  <p>My application consists of a lot of parts (pages, components) so I want to create many reducers. Redux examples show that I should use <code>combineReducers()</code> to generate one reducer.</p>
  
  <p>Also as I understand Redux application should have one store and it is created once the application starts. When the store is being created I should pass my combined reducer. This makes sense if the application is not too big.</p>
  
  <p>But what if I build more than one JavaScript bundle? For example, each page of application has own bundle. I think in this case the one combined reducer is not good. I looked through the sources of Redux and I have found <code>replaceReducer()</code> function. It seems to be what I want.</p>
  
  <p>I could create combined reducer for each part my application and use <code>replaceReducer()</code> when I move between parts of application.</p>
  
  <p>Is this a good approach?</p>