title: Pattern for managing multiple reducers inside of a module [Redux]
body: <p>I am new to Redux and am trying to figure out a scaleable way to setup my projects folder/file structure.</p>
  
  <p>Lets say we have a file structure that looks like this:</p>
  
  <blockquote>
    <p>root/modules/Todos/reducers</p>
  </blockquote>
  
  <p>In the root of the project there lives a 'rootReducer.js' file which utilizes 'combineReducers()' to create a top-level implementation of the state tree:</p>
  
  <pre><code>[rootReducer.js]
  
  import { combineReducers } from 'redux';
  
  import todos from './modules/Todos/reducers/index.js';
  
  export default combineReducers({
    todos: todos
  });
  </code></pre>
  
  <p>Inside of the 'reducers' folder for each module there are multiple reducers:</p>
  
  <pre><code>[root/modules/Todos/reducers]
  
  &gt;index.js
  &gt;Todos__addItem
  &gt;Todos__removeItem
  </code></pre>
  
  <p>The 'index.js' file imports all of the reducers for that module and exports a single object:</p>
  
  <pre><code>[index.js]
  
  import { combineReducers } from 'redux';
  
  import addItem from './Todos__addItem.js';
  import removeItem from './Todos__removeItem.js';
  
  export default const todos = combineReducers({
    addItem: addItem,
    removeItem: removeItem
  });
  </code></pre>
  
  <p>Is this the correct use of 'combineReducers()'?</p>
  
  <p>Does this pattern make sense when developing a large scale application?</p>
  
  <p>What are (if any) potential pitfalls that come along with this pattern?</p>
  
  <p>Thanks!</p>