title: ReactJS: Why use this.props.children?
body: <p>I've realised that none of the components I write use <code>{this.props.children}</code>.</p>
  
  <p>I tend to compose my components the way the official docs state at the top of <a href="https://facebook.github.io/react/docs/multiple-components.html" rel="noreferrer">https://facebook.github.io/react/docs/multiple-components.html</a>.</p>
  
  <p>Is nesting the components like this...</p>
  
  <pre><code>&lt;A&gt;
    &lt;B /&gt;
    &lt;C /&gt;
  &lt;/A&gt;
  </code></pre>
  
  <p>...beneficial over composing them like this?:</p>
  
  <p><strong>A.js</strong></p>
  
  <pre><code>render() {
      &lt;B /&gt;
      &lt;C /&gt;
  }
  </code></pre>
  
  <p>Presuming that's the right terminology, what am I missing?</p>