title: No exceptions while running code in react js but not getting expected output
body: <p>I am quite stumped while running Hello world program in react js with webpack </p>
  
  <p>please find below attachment for project structure</p>
  
  <p><a href="https://i.stack.imgur.com/tQXeK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tQXeK.png" alt="enter image description here"></a></p>
  
  <p>When I execute, <code>npm run dev</code> command from cli, browser is launching but index.js value is not rendering, quite unsure what is wrong, as I am not seeing any exception in code either on cmd nor browser console</p>
  
  <p>FYI:</p>
  
  <p>index.js</p>
  
  <pre><code>import React from 'react';
  import {render} from 'react-dom';
  
  class App extends React.Component {
  
    render () {
        return
         &lt;div&gt;
          &lt;p&gt;Hello, World!&lt;/p&gt;;
          &lt;h1&gt;Hell yay !!&lt;/h1&gt;
         &lt;/div&gt;;
    }
  }
  
  render(&lt;APP /&gt; , document.getElementById("app"))
  </code></pre>
  
  <p>and index.html</p>
  
  <pre><code>&lt;html&gt;
   &lt;head&gt;
   &lt;meta charset="utf-8"&gt;
   &lt;title&gt;React.js using NPM, Babel6 and Webpack&lt;/title&gt;
   &lt;/head&gt;
   &lt;body&gt;
   &lt;div id="app" /&gt;
   &lt;script src="build/bundle.js" type="text/javascript"&gt;&lt;/script&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>