basic reactDOM rendering

aviralrabbit1 · Sep 12, 2023 · d2ed690 · d2ed690
1 parent ca60425
commit d2ed690
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/public/index.html b/public/index.html
@@ -6,6 +6,9 @@
     <title>Notes App</title>
 </head>
 <body>
+    <div id="app">
+        App inside div
+    </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>
     <!-- The crossorigin attribute, valid on the <audio>, <img>, <link>, <script>, and <video> elements, 

diff --git a/scripts/app.js b/scripts/app.js
@@ -1 +1,6 @@
-console.log('App is running');
+console.log('App is running');
+
+var template = <h1>JSX is rendering</h1>;
+var appRoot = document.getElementById('app');
+
+ReactDOM.render(template, appRoot);