Compiling, Bundling, and a Closer Look at JSX

15Dkatz · Oct 19, 2022 · bae8de1 · bae8de1
1 parent a1de8ca
commit bae8de1
Show file tree

Hide file tree

Showing 14 changed files with 31,370 additions and 4 deletions.
diff --git a/starter/.parcel-cache/5d102dff0a3f4e7e b/starter/.parcel-cache/5d102dff0a3f4e7e
diff --git a/starter/.parcel-cache/9a9c7011435fc402 b/starter/.parcel-cache/9a9c7011435fc402
diff --git a/starter/.parcel-cache/aec2b732b9ba41d5 b/starter/.parcel-cache/aec2b732b9ba41d5
diff --git a/starter/.parcel-cache/data.mdb b/starter/.parcel-cache/data.mdb
diff --git a/starter/.parcel-cache/ec7a7e8ddee0d9ca b/starter/.parcel-cache/ec7a7e8ddee0d9ca
diff --git a/starter/.parcel-cache/f6c2aacc42e8f766.txt b/starter/.parcel-cache/f6c2aacc42e8f766.txt
@@ -0,0 +1,2 @@
+106156760
+1666157966141551000
diff --git a/starter/.parcel-cache/lock.mdb b/starter/.parcel-cache/lock.mdb
diff --git a/starter/dist/index.3d214d75.js b/starter/dist/index.3d214d75.js
diff --git a/starter/dist/index.3d214d75.js.map b/starter/dist/index.3d214d75.js.map
diff --git a/starter/dist/index.html b/starter/dist/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Starter React</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="/index.3d214d75.js" defer=""></script>
+  </body>
+</html>
diff --git a/starter/index.html b/starter/index.html
@@ -5,8 +5,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
-    <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
-    <script src="index.js"></script>
+    <script src="index.js" type="module"></script>
   </body>
 </html>
diff --git a/starter/index.js b/starter/index.js
@@ -1,6 +1,9 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+
 console.log('hi');
 
-const element = React.createElement('div', null, 'React element!');
+const element = <div>React element with JSX!</div>;
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(element);