title: Can I use redux in a component to avoid prop drilling?
body: <p>Let's say I have this structure</p>
  <pre><code> _______________
  | HomeContainer |
   ---------------
          |         _______________   
          |-------- | ComponentX |
                     --------------
                          |       _____________
                          |------ | ComponentZ |
                                  --------------   _____________
                                        |---------|  User      |
                                                   -------------
  </code></pre>
  <p>And the following code for user</p>
  <pre class="lang-js prettyprint-override"><code>const User = (props) =&gt; {
    return &lt;h1&gt;{props.user.name}&lt;/h1&gt;
  }
  
  const mapStateToProps = state =&gt; {
    return {
      user: state.auth.user // I have an auth reducer mapped in the store
    }
  }
  
  export default connect(mapStateToProps)(User)
  </code></pre>
  <p>Can I use <code>Redux</code> to avoid having to pass the user to <code>ComponentX</code> and <code>ComponentZ</code> even if <code>User</code> is just a component and not a container?</p>
  <p>What solution <code>Redux</code> provides to prop drilling?</p>