wip: 02_jsx migrates from CRA to vite

dai-shi · May 16, 2024 · b0fb491 · b0fb491
1 parent 0edc986
commit b0fb491
Show file tree

Hide file tree

Showing 8 changed files with 396 additions and 30 deletions.
diff --git a/examples/02_jsx/index.html b/examples/02_jsx/index.html
@@ -0,0 +1,9 @@
+<html>
+  <head>
+    <title>example</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/examples/02_jsx/package.json b/examples/02_jsx/package.json
@@ -2,20 +2,20 @@
   "name": "example",
   "version": "0.0.0",
   "private": true,
-  "type": "commonjs",
+  "type": "module",
   "dependencies": {
-    "@types/react": "latest",
-    "@types/react-dom": "latest",
     "react": "latest",
     "react-dom": "latest",
-    "react-scripts": "latest",
-    "typescript": "latest",
     "use-signals": "latest"
   },
+  "devDependencies": {
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
+    "@vitejs/plugin-react": "latest",
+    "typescript": "latest",
+    "vite": "latest"
+  },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "dev": "vite"
   }
 }
diff --git a/examples/02_jsx/public/index.html b/examples/02_jsx/public/index.html
diff --git a/examples/02_jsx/src/index.tsx b/examples/02_jsx/src/index.tsx
diff --git a/examples/02_jsx/src/main.tsx b/examples/02_jsx/src/main.tsx
@@ -0,0 +1,10 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+
+import App from './app';
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);
diff --git a/examples/02_jsx/vite.config.ts b/examples/02_jsx/vite.config.ts
@@ -0,0 +1,6 @@
+import react from '@vitejs/plugin-react';
+
+/** @type {import('vite').UserConfig} */
+export default {
+  plugins: [react()],
+};
diff --git a/package.json b/package.json
@@ -85,6 +85,7 @@
     "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^7.9.0",
     "@typescript-eslint/parser": "^7.9.0",
+    "@vitejs/plugin-react": "^4.2.1",
     "eslint": "8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.6.1",