feat (full-stack): integrating React to FastAPI

santanche · Aug 16, 2024 · 1a08540 · 1a08540
1 parent 6306d60
commit 1a08540
Show file tree

Hide file tree

Showing 48 changed files with 18,807 additions and 1 deletion.
diff --git a/frameworks/npm/npm/package-lock.json b/frameworks/npm/npm/package-lock.json
diff --git a/frameworks/react/1-basic/index.html b/frameworks/react/1-basic/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>React App</title>
+</head>
+<body>
+  <div id="root"></div>
+
+  <script src="https://unpkg.com/react/umd/react.development.js"></script>
+  <script src="https://unpkg.com/react-dom/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+
+  <script  type="text/babel">
+    const { createRoot } = ReactDOM;
+    const root = createRoot(document.getElementById('root'));
+    root.render(
+      <button>Hello React!</button>
+    );
+  </script>
+</body>
+</html>
diff --git a/frameworks/react/2-js/index.html b/frameworks/react/2-js/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>React App</title>
+</head>
+<body>
+  <div id="root"></div>
+  <script src="src/script.jsx" type="module"></script>
+</body>
+</html>