static/html/single-file-example.html (19 lines of code) (raw):
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Ciao Mondo</title>
<script src="https://unpkg.com/react@17/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
<!-- Don't use this in production: -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
ReactDOM.render(
<h1>Ciao Mondo</h1>,
document.getElementById('root')
);
</script>
<!--
Nota: questa pagina è un ottimo modo per provare React ma non è adatta all'uso in produzione.
Essa compila il codice JSX con Babel nel browser in modo molto lento ed utilizza una build di sviluppo di React non compressa.
Leggi in questa sezione per i dettagli riguardo un setup di produzione con JSX:
https://it.reactjs.org/docs/add-react-to-a-website.html#add-jsx-to-a-project
Nei progetti più grandi, puoi invece utilizzare una toolchain integrata che include JSX:
https://it.reactjs.org/docs/create-a-new-react-app.html
Poi anche utilizzare React senza JSX, in tal caso puoi rimuovere Babel:
https://it.reactjs.org/docs/react-without-jsx.html
-->
</body>
</html>