From ee6643ce8b8b3ac32d5ba71d2617b38bb03379af Mon Sep 17 00:00:00 2001
From: Jarred Sumner <jarred@jarredsumner.com>
Date: Tue, 1 Jun 2021 20:49:49 -0700
Subject: wip

Former-commit-id: a6bc130918f63bfbeac220f4e1fa55f08197e1c1
---
 demos/simple-react/src/components/button.tsx |  5 +++++
 demos/simple-react/src/index.tsx             | 23 +++++++++++++++++++++++
 2 files changed, 28 insertions(+)
 create mode 100644 demos/simple-react/src/components/button.tsx
 create mode 100644 demos/simple-react/src/index.tsx

(limited to 'demos/simple-react/src')

diff --git a/demos/simple-react/src/components/button.tsx b/demos/simple-react/src/components/button.tsx
new file mode 100644
index 000000000..a3c90553c
--- /dev/null
+++ b/demos/simple-react/src/components/button.tsx
@@ -0,0 +1,5 @@
+export const Button = ({ label, onClick }) => (
+  <div className="Button" onClick={onClick}>
+    <div className="Button-label">{label}</div>
+  </div>
+);
diff --git a/demos/simple-react/src/index.tsx b/demos/simple-react/src/index.tsx
new file mode 100644
index 000000000..c0f0ec181
--- /dev/null
+++ b/demos/simple-react/src/index.tsx
@@ -0,0 +1,23 @@
+import ReactDOM from "react-dom";
+import { Button } from "./components/button";
+
+const Base = ({}) => {
+  return (
+    <main>
+      <h1>I am the page</h1>
+      <h3>Here is some text</h3>
+      <Button
+        label="Do not click."
+        onClick={() => alert("I told u not to click!")}
+      ></Button>
+    </main>
+  );
+};
+
+function startReact() {
+  ReactDOM.render(() => <Base />, document.querySelector("#reactroot"));
+}
+
+globalThis.addEventListener("DOMContentLoaded", () => {
+  startReact();
+});
-- 
cgit v1.2.3