- <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
- <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
- <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
const element = <h1>Hello World</h1>
ReactDOM.render(element, document.getElementById('root'));
<div id="root"></div>
<!-- Chamada do arquivo -->
<script src="./app.js" type='text/babel'></script>
<div id="output"></div>
<!-- Load Babel -->
<!-- v6 <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<!-- Your custom script here -->
<script type="text/babel">
const getMessage = () => "Hello World";
document.getElementById('output').innerHTML = getMessage();
</script>
Projeto pode ser executado usando o Live Server do VSCode.