title: React / Redux deep props dependecy
body: <p>I have a question about how to structure a React/Redux app.</p>
  
  <p>As far as I understand, it's not recommended practice to reference <em>containers</em> inside a <em>component</em>. However when nesting components withing a Redux app, the top level container is bound with a <code>connect()</code> and <code>mapStateToProps</code> etc, but it seems strange to pass in <em>all</em> props down the line to -only- components.</p>
  
  <p>When structuring an app with a nested component for example like:</p>
  
  <pre><code>Dialog &gt; Form &gt; Tab &gt; Input Section &gt; Input control
  </code></pre>
  
  <p>the input control could have a <code>prop</code> isVisible, where it seems strange to me that I would have to pass the prop all the way down the tree.</p>
  
  <p>So my question is mainly, is this indeed what is recommended and how is this handled? Is this for example simplified by setting props to something like:</p>
  
  <pre><code>{
    inputProps: { visible: false }
  }
  </code></pre>
  
  <p>?</p>
  
  <p>Or, can I reference a container inside my component, so I can have a <em>separate</em> <code>connect()</code> for only the props actually relevant?</p>