title: React not rendering anything on the DOM
body: <p>I have just started learning ReactJS and made my first app by following a tutorial but nothing is rendered on the screen when I run the html file.</p>
  
  <p>index.js</p>
  
  <pre><code>import React from "react"
  import ReactDOM from "react-dom"
  
  ReactDOM.render(&lt;h1&gt;Hello World&lt;/h1&gt;, document.getElementById("root"));
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;html&gt;
      &lt;body&gt;
          &lt;div id="root"&gt;
          &lt;/div&gt;
      &lt;/body&gt;
      &lt;script type="text/babel" src="index.js"&gt;&lt;/script&gt;
  &lt;/html&gt;
  </code></pre>