title: Bind react component to part of redux state
body: <p>I have redux store that looks something like this:</p>
  
  <pre><code>{
    user: {},
    alerts: [],
    reports: [],
    sourses: []
  }
  </code></pre>
  
  <p>For each one of this parts of state i have a bunch of React Components wrapped in a container wich connected via <code>react-redux</code>. And has <code>mapStateToProps</code> like this</p>
  
  <pre><code>(state) =&gt; {alerts: state.alerts}
  (state, ownProps) =&gt; {alert: _.filter(state, {id: ownProps.curId})}
  </code></pre>
  
  <p>Problem that when i for example launch some action for Alerts like <code>CREATE_ALERT</code> or <code>EDIT_ALERT</code> and redux state updated, <strong>ALL REACT COMPONENTS WILL RESPOND TO THIS CHANGE</strong> even ones that works with different parts like <code>sources</code> or <code>reports</code>.</p>
  
  <p>My question: how to "bind" certain components to certain parts of a tree. So each container component <strong>WILL UPDATE ONLY WHEN APROPRIATE PART OF REDUX STATE UPDATED</strong> and ignore other changes.</p>
  
  <p>Expected behavior</p>
  
  <p>Dispatch <code>CREATE_ALERT</code> -> Alert reducer -> Redux store update -> <strong>ONLY</strong> Alert container component re-rendering.</p>