title: Faster loading time for react in the browser?
body: <p>I'm using react in the browser. It works fine, but it's not fast enough. The initial load takes too much time while it compiles.</p>
  
  <p>I'd like to use react/jsx in the browser and have it compile on the fly without introducing a build step via webpack or using "create-react-app". I find these things to be too much of a process for what I need. Sometimes I just need to write a quick little utility that doesn't need to take more than one (html) file and I'd like to to throw that one file on a static server.</p>
  
  <p>The single-file-example below works but unfortunately the loading time is just too slow. Maybe someone found a creative way to cache things or make things faster? Maybe there's no way around the first time it loads, but how about the second time etc? maybe an intermediary server can compile+cache it, so that subsequent requests would be faster. not sure. Or maybe there's a super fast babel that I'm not aware of that could just work faster than the below?</p>
  
  <p><a href="https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html" rel="nofollow noreferrer">https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html</a></p>
  
  <pre><code>  &lt;head&gt;
      &lt;meta charset="UTF-8" /&gt;
      &lt;title&gt;Hello World&lt;/title&gt;
      &lt;script src="https://unpkg.com/react@16/umd/react.development.js"&gt;&lt;/script&gt;
      &lt;script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"&gt;&lt;/script&gt;
      &lt;script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="root"&gt;&lt;/div&gt;
      &lt;script type="text/babel"&gt;
  
        ReactDOM.render(
          &lt;h1&gt;Hello, world!&lt;/h1&gt;,
          document.getElementById('root')
        );
  
      &lt;/script&gt;
  
    &lt;/body&gt;
  </code></pre>