Make A Stand Alone Web Page That Uses React Babel and JSX

August - 2021

You can make a single web page that calls external versions of React and Babel from unpkg.com to render JSX

For example:

<html>
<head>
    <title>Stand Alone React And Babel</title>  
    <script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16.12.0/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/@babel/standalone@7.8.3/babel.js"></script>
</head>
<body>
  <div id="root"></div>
  <script type="text/babel">
    const rootElement = document.getElementById('root')
    const welcomeElement = <div>Hello, World</div>
    ReactDOM.render(welcomeElement, rootElement)
  </script>
</body>
</html>

Note that you'll need to set your script type to text/babel in addition to calling the external scripts.

See unpkg.com for details on how to choose versions

You can also get other node modules from there as well