1 files changed, 93 insertions, 0 deletions
diff --git a/demos/simple-react/public/src/index.js b/demos/simple-react/public/src/index.js
new file mode 100644
index 000000000..09055b4c4
--- /dev/null
+++ b/demos/simple-react/public/src/index.js
@@ -0,0 +1,93 @@
+import * as _react_dot_jsx from "http://localhost:8080/node_modules/react/index.js";
+var jsxDEV = __require(_react_dot_jsx).jsxDEV,
+  __jsxFilename = "src/index.tsx";
+
+import { __require } from "http://localhost:8080/__runtime.js";
+import ReactDOM from "http://localhost:8080/node_modules/react-dom/index.js";
+import { Button } from "http://localhost:8080/src/components/button.js";
+
+const Base = ({}) => {
+  return jsxDEV(
+    "main",
+    {
+      children: [
+        jsxDEV(
+          "h1",
+          {
+            children: "I am the page",
+          },
+          null,
+          false,
+          {
+            filename: __jsxFilename,
+            lineNumber: 132,
+            columnNumber: 132,
+          },
+          this
+        ),
+        jsxDEV(
+          "h3",
+          {
+            children: "Here is some text",
+          },
+          null,
+          false,
+          {
+            filename: __jsxFilename,
+            lineNumber: 161,
+            columnNumber: 161,
+          },
+          this
+        ),
+        jsxDEV(
+          Button,
+          {
+            label: "Do not click.",
+            onClick: () => alert("I told u not to click!"),
+            children: [],
+          },
+          null,
+          false,
+          {
+            filename: __jsxFilename,
+            lineNumber: 194,
+            columnNumber: 194,
+          },
+          this
+        ),
+      ],
+    },
+    null,
+    false,
+    {
+      filename: __jsxFilename,
+      lineNumber: 119,
+      columnNumber: 119,
+    },
+    this
+  );
+};
+
+function startReact() {
+  ReactDOM.render(
+    () =>
+      jsxDEV(
+        Base,
+        {
+          children: [],
+        },
+        null,
+        false,
+        {
+          filename: __jsxFilename,
+          lineNumber: 374,
+          columnNumber: 374,
+        },
+        this
+      ),
+    document.querySelector("#reactroot")
+  );
+}
+globalThis.addEventListener("DOMContentLoaded", () => {
+  startReact();
+});