jknetl/react-fundamentals-with-nextjs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Chapter 4 - Add react and JSX compiler (babel)

Browse Source
This commit is contained in:
Jakub Knetl
2023-12-21 14:29:13 +01:00
parent 7d738e05df
commit 874ca8906c
1 changed files with 5 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
index.html
View File

@@ -2,21 +2,13 @@
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="text/javascript"> <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>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/jsx">
const app = document.getElementById('app'); const app = document.getElementById('app');
// Create a new H1 element ReactDOM.render(<h1>Develop. Preview. Ship.</h1>, app);
const header = document.createElement('h1');
// Create a new text node for the H1 element
const text = 'Develop. Preview. Ship.';
const headerContent = document.createTextNode(text);
// Append the text to the H1 element
header.appendChild(headerContent);
// Place the H1 element inside the div
app.appendChild(header);
</script> </script>
</body> </body>