title: Create 'global' header and footer with react
body: <p>I'm not sure If I can accomplish with react what I have in mind. I read multiple introductions to react and feel that it should work. However, I would appreciate some reassurance by people familiar with react.</p>
  
  <p><strong>What I want:</strong>
  Global header and footers, as they do not change on any of the pages I have. I could solve it with php... however I want to start with react and feel it would be fitting to solve it that way. An example of what I mean: <a href="https://stackoverflow.com/questions/22489341/global-header-and-footer-in-html">Global header and footer in HTML</a> (that's basically the functionality I need from react)</p>
  
  <p>My Footer contains certain divs and ULs. eg:</p>
  
  <pre><code>&lt;div&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I feel that a component in react could be the footer/header. Is this doable or reasonable to try with react? Thank you!
  (I don't necessarily wish for code examples but rather opinions if it would work out generally)</p>