Rebuild

web/modules/custom/ufc/js/src/components/Button.js

@@ -0,0 +1,9 @@
+import React, { Component } from 'react';
+
+class Button extends Component {
+  render() {
+    return <button>my button</button>;
+  }
+}
+
+export default Button;

web/modules/custom/ufc/js/src/components/Table.js

@@ -0,0 +1,22 @@
+import React, { Component } from 'react';
+
+function Table(props) {
+  const tableElem = (
+    <table className={ props.type }>
+      <thead>
+        <tr>
+          <th>Header 1</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>This is first item in row</td>
+        </tr>
+      </tbody>
+    </table>
+  );
+
+  return tableElem;
+}
+
+export default Table;

web/modules/custom/ufc/js/src/index.jsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import Button from './components/Button';
+import Table from './components/Table';
+
+const container = document.getElementById('react-app');
+const root = createRoot(container);
+
+function FirstFunc(props) {
+  return <h1>Hello from firstFunc</h1>;
+}
+
+// root.render(<FirstFunc />);
+root.render(<Table type="table-dark table-striped table" />);