title: When would bindActionCreators be used in react/redux?
body: <p><em>Redux</em> docs for <a href="https://redux.js.org/api/bindactioncreators/" rel="noreferrer">bindActionCreators</a> states that:</p>
  
  <blockquote>
    <p>The only use case for <code>bindActionCreators</code> is when you want to pass some action creators down to a component that isn't aware of Redux, and you don't want to pass dispatch or the Redux store to it.</p>
  </blockquote>
  
  <p>What would be an example where <code>bindActionCreators</code> would be used/needed? </p>
  
  <p>Which kind of component would not be aware of <em>Redux</em>?</p>
  
  <p>What are the advantages/disadvantages of both options?</p>
  
  <pre><code>//actionCreator
  import * as actionCreators from './actionCreators'
  
  function mapStateToProps(state) {
    return {
      posts: state.posts,
      comments: state.comments
    }
  }
  
  function mapDispatchToProps(dispatch) {
    return bindActionCreators(actionCreators, dispatch)
  }
  </code></pre>
  
  <h1>vs</h1>
  
  <pre><code>function mapStateToProps(state) {
    return {
      posts: state.posts,
      comments: state.comments
    }
  }
  
  function mapDispatchToProps(dispatch) {
    return {
      someCallback: (postId, index) =&gt; {
        dispatch({
          type: 'REMOVE_COMMENT',
          postId,
          index
        })
      }
    }
  }
  </code></pre>