title: Mixing React Components with HTML Blocks
body: <p>Something that's always confused me is how many React examples show everything as components. But's let's say I only need to include some simple HTML alongside my components, like:</p>
  
  <pre><code>class Homepage extends Component {
    render() {
      return (
        &lt;Container&gt;
          &lt;Hero /&gt;
          &lt;Features /&gt;
          &lt;div className="copyright"&gt;Copyright Some Company Name.&lt;/div&gt;
        &lt;/Container&gt;
      );
    }
  }
  </code></pre>
  
  <p>The <code>div</code> element will never be more than static text. </p>
  
  <p>Should the <code>&lt;div&gt;</code> be moved into a pure component? Or is it ok to simplify the Homepage component by adding plain HTML this? </p>