title: React-router or not?
body: <p>I'm currently making a react application with create-react-app
  It's a single page with several sections (Home / About / Contact ...)
  Each section is a component that I export, of course.
  Currently my App.js is like this :</p>
  
  <p><strong>App.jsx</strong></p>
  
  <pre><code>
  import Menu from './components/menu/Menu';
  import Header from './components/header/Header';
  import Home from './components/sections/00_home/Home';
  import About from './components/sections/01_about/About';
  import Works from './components/sections/02_works/Works';
  import Contact from './components/sections/03_contact/Contact';
  
  const App = () =&gt; {
     return (
        &lt;div className={styles.Container}&gt;
           &lt;Menu /&gt;
           &lt;Header /&gt;
           &lt;Home /&gt;
           &lt;About /&gt;
           &lt;Works /&gt;
           &lt;Contact /&gt;
        &lt;/div&gt;
     );
  };
  
  export default App;
  
  
  </code></pre>
  
  <p><strong><em>index.js</em></strong></p>
  
  <pre><code>
  import React from 'react';
  import ReactDOM from 'react-dom';
  
  /* CSS */
  import './index.css';
  
  /* JSX */
  import App from './App';
  
  ReactDOM.render(&lt;App /&gt;, document.getElementById('root'));
  
  
  </code></pre>
  
  <p>To go from one section to another I use the anchor tag href's
  For example in the home section, I have links to the other sections, same for the menu.</p>
  
  <hr>
  
  <p>So far so good for me, but I'm wondering a question. 
  Should I use <strong><em>react-router</em></strong>? If so, why? 
  In which situation should I use it ?
  If someone could enlighten me on that, that'd be great.</p>
  
  <p>Is the way I currently code unconventional?</p>
  
  <p>Ced.</p>