Package updates

IGM-RichMedia-at-RIT · Apr 9, 2024 · cd72a75 · cd72a75
1 parent 04e809f
commit cd72a75
Show file tree

Hide file tree

Showing 8 changed files with 2,232 additions and 1,741 deletions.
diff --git a/client/example1.jsx b/client/example1.jsx
@@ -1,3 +1,7 @@
+//JSX to be built by webpack. See React Functional Component demo.
+const React = require('react');
+const {createRoot} = require('react-dom/client');
+
 const HelloWorld = () => {
   return (
       <div>
@@ -7,7 +11,8 @@ const HelloWorld = () => {
 };
 
 const init = () => {
-  ReactDOM.render(<HelloWorld />, document.getElementById('app'));
+  const root = createRoot(document.getElementById('app'));
+  root.render(<HelloWorld />);
 };
 
 window.onload = init;
diff --git a/client/example2.jsx b/client/example2.jsx
@@ -1,3 +1,7 @@
+//JSX to be built by webpack. See React Functional Component demo.
+const React = require('react');
+const {createRoot} = require('react-dom/client');
+
 const HelloUser = (props) => {
   const [username, setUsername] = React.useState(props.username);
 
@@ -11,8 +15,8 @@ const HelloUser = (props) => {
 }
 
 const init = () => {
-  ReactDOM.render( <HelloUser username='Austin' />,
-    document.getElementById('app'));
+  const root = createRoot(document.getElementById('app'));
+  root.render(<HelloUser username='Austin' />);
 };
 
 window.onload = init;
diff --git a/client/example3.jsx b/client/example3.jsx
@@ -1,3 +1,6 @@
+//JSX to be built by webpack. See React Functional Component demo.
+const React = require('react');
+const {createRoot} = require('react-dom/client');
 const { useState, useEffect } = React;
 
 const SongContainer = (props) => {
@@ -34,10 +37,8 @@ const SongContainer = (props) => {
 }
 
 const init = () => {
-    ReactDOM.render(
-        <SongContainer songs={[]} />,
-        document.getElementById('app')
-    );
+    const root = createRoot(document.getElementById('app'));
+    root.render(<SongContainer songs={[]} />);
 }
 
 window.onload = init;