install vite, upgrade to react 18, update files to .jsx

leon-luna-ray · May 14, 2023 · 7d8176a · 7d8176a
1 parent b60dd32
commit 7d8176a
Show file tree

Hide file tree

Showing 9 changed files with 12,295 additions and 38,706 deletions.
diff --git a/public/index.html → index.html b/public/index.html → index.html
@@ -20,7 +20,7 @@
     <title>Digital Pal</title>
   </head>
   <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
+    <div id="app"></div>
+    <script type="module" src="/src/index.jsx"></script>
   </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -7,19 +7,19 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^12.8.3",
-    "react": "^17.0.2",
+    "@vitejs/plugin-react-refresh": "^1.3.6",
+    "react": "^18.2.0",
     "react-bootstrap": "^2.0.0",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.2.0",
     "react-scripts": "4.0.3",
+    "vite": "^4.3.5",
+    "vite-plugin-svgr": "^3.2.0",
     "web-vitals": "^1.1.2"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "predeploy": "npm run build",
-    "deploy": "gh-pages -d build"
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
   },
   "eslintConfig": {
     "extends": [

diff --git a/src/components/App.js → src/components/App.jsx b/src/components/App.js → src/components/App.jsx
diff --git a/src/components/DarkModeBtn.js → src/components/DarkModeBtn.jsx b/src/components/DarkModeBtn.js → src/components/DarkModeBtn.jsx
diff --git a/src/components/DigitalPal.js → src/components/DigitalPal.jsx b/src/components/DigitalPal.js → src/components/DigitalPal.jsx
diff --git a/src/index.js b/src/index.js
diff --git a/src/index.jsx b/src/index.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './components/App';
+
+const container = document.getElementById('app');
+const root = createRoot(container);
+
+root.render(<App />);
diff --git a/yarn.lock b/yarn.lock