title: How to load react/react-dom in a single html page?
body: <p>React and/or react-dom are not loading properly.  But why not?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;script src='babel.min.js'type='text/javascript'&gt;&lt;/script&gt;
      &lt;script src='react.js' type='text/javascript'&gt;&lt;/script&gt;
      &lt;script src='react-dom.js' type='text/javascript'&gt;&lt;/script&gt;
  
  
      &lt;script type="text/babel"&gt;
  
      class App extends React.Component {
          render() {
              return (
                  &lt;div&gt;Hello world&lt;/div&gt;
              );
          }
      }   
  
      ReactDOM.render(
          &lt;App /&gt;,
          document.getElementById('root')
      );
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="root"&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The first complaint is
  react.js:14 Uncaught ReferenceError: process is not defined
      at react.js:14</p>
  
  <p>react.js and react-dom.js are both version 16.2.0</p>