From 874ca8906cc002cc389cbd71a8a2dd56a6cef90e Mon Sep 17 00:00:00 2001
From: Jakub Knetl <knetl.j@gmail.com>
Date: Thu, 21 Dec 2023 14:29:13 +0100
Subject: [PATCH] Chapter 4 - Add react and JSX compiler (babel)

---
 index.html | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)
diff --git a/index.html b/index.html
index 8277b47..dcc179b 100644
--- a/index.html
+++ b/index.html
@@ -2,21 +2,13 @@
 
 <body>
     <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');
 
-        // Create a new H1 element
-        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);
+        ReactDOM.render(<h1>Develop. Preview. Ship.</h1>, app);
     </script>
 </body>
 
