small react fixes

bitovi · Jan 10, 2025 · 506d431 · 506d431
1 parent f242b8e
commit 506d431
Show file tree

Hide file tree

Showing 33 changed files with 161 additions and 23 deletions.
diff --git a/exercises/react-vite/02-setting-up-your-environment/02-solution/public/vite.svg b/exercises/react-vite/02-setting-up-your-environment/02-solution/public/vite.svg
diff --git a/exercises/react-vite/02-setting-up-your-environment/02-solution/src/App.css b/exercises/react-vite/02-setting-up-your-environment/02-solution/src/App.css
@@ -0,0 +1,42 @@
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.react:hover {
+  filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+@keyframes logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  a:nth-of-type(2) .logo {
+    animation: logo-spin infinite 20s linear;
+  }
+}
+
+.card {
+  padding: 2em;
+}
+
+.read-the-docs {
+  color: #888;
+}
diff --git a/exercises/react-vite/02-setting-up-your-environment/02-solution/src/App.tsx b/exercises/react-vite/02-setting-up-your-environment/02-solution/src/App.tsx
@@ -1,6 +1,7 @@
 import { useState } from "react"
 import reactLogo from "./assets/react.svg"
 import viteLogo from "./assets/vite.svg"
+import "./App.css"
 
 function App() {
   const [count, setCount] = useState(0)

diff --git a/...ises/react-vite/02-setting-up-your-environment/02-solution/src/assets/react.svg b/...ises/react-vite/02-setting-up-your-environment/02-solution/src/assets/react.svg
diff --git a/exercises/react-vite/02-setting-up-your-environment/02-solution/src/tsconfig.node.json b/exercises/react-vite/02-setting-up-your-environment/02-solution/src/tsconfig.node.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/exercises/react-vite/02-setting-up-your-environment/03-solution/public/vite.svg b/exercises/react-vite/02-setting-up-your-environment/03-solution/public/vite.svg
diff --git a/exercises/react-vite/02-setting-up-your-environment/03-solution/src/App.css b/exercises/react-vite/02-setting-up-your-environment/03-solution/src/App.css
@@ -0,0 +1,42 @@
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.react:hover {
+  filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+@keyframes logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  a:nth-of-type(2) .logo {
+    animation: logo-spin infinite 20s linear;
+  }
+}
+
+.card {
+  padding: 2em;
+}
+
+.read-the-docs {
+  color: #888;
+}
diff --git a/exercises/react-vite/02-setting-up-your-environment/03-solution/src/App.tsx b/exercises/react-vite/02-setting-up-your-environment/03-solution/src/App.tsx
@@ -1,6 +1,7 @@
 import { useState } from "react"
 import reactLogo from "./assets/react.svg"
 import viteLogo from "./assets/vite.svg"
+import "./App.css"
 
 function App() {
   const [count, setCount] = useState(0)

diff --git a/...ises/react-vite/02-setting-up-your-environment/03-solution/src/assets/react.svg b/...ises/react-vite/02-setting-up-your-environment/03-solution/src/assets/react.svg
diff --git a/exercises/react-vite/02-setting-up-your-environment/03-solution/src/tsconfig.node.json b/exercises/react-vite/02-setting-up-your-environment/03-solution/src/tsconfig.node.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/exercises/react-vite/09-making-http-requests/01-problem/package.json b/exercises/react-vite/09-making-http-requests/01-problem/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/09-making-http-requests/01-solution/package.json b/exercises/react-vite/09-making-http-requests/01-solution/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/09-making-http-requests/02-problem/package.json b/exercises/react-vite/09-making-http-requests/02-problem/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/09-making-http-requests/02-solution/package.json b/exercises/react-vite/09-making-http-requests/02-solution/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/09-making-http-requests/03-problem/package.json b/exercises/react-vite/09-making-http-requests/03-problem/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/09-making-http-requests/03-solution/package.json b/exercises/react-vite/09-making-http-requests/03-solution/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/09-making-http-requests/04-problem/package.json b/exercises/react-vite/09-making-http-requests/04-problem/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/09-making-http-requests/04-solution/package.json b/exercises/react-vite/09-making-http-requests/04-solution/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/09-making-http-requests/05-problem/package.json b/exercises/react-vite/09-making-http-requests/05-problem/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/09-making-http-requests/05-solution/package.json b/exercises/react-vite/09-making-http-requests/05-solution/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/10-nested-routes/01-solution/package.json b/exercises/react-vite/10-nested-routes/01-solution/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/10-nested-routes/02-solution/package.json b/exercises/react-vite/10-nested-routes/02-solution/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/11-controlled-vs-uncontrolled/01-problem/package.json b/exercises/react-vite/11-controlled-vs-uncontrolled/01-problem/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/11-controlled-vs-uncontrolled/01-solution/package.json b/exercises/react-vite/11-controlled-vs-uncontrolled/01-solution/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/11-controlled-vs-uncontrolled/02-problem/package.json b/exercises/react-vite/11-controlled-vs-uncontrolled/02-problem/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/11-controlled-vs-uncontrolled/02-solution/package.json b/exercises/react-vite/11-controlled-vs-uncontrolled/02-solution/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/11-controlled-vs-uncontrolled/03-problem/package.json b/exercises/react-vite/11-controlled-vs-uncontrolled/03-problem/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",

diff --git a/exercises/react-vite/11-controlled-vs-uncontrolled/03-solution/package.json b/exercises/react-vite/11-controlled-vs-uncontrolled/03-solution/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "api":"./node_modules/.bin/place-my-order-api -p 7070",
+    "api": "./node_modules/.bin/place-my-order-api -p 7070",
     "typecheck": "tsc",
     "eslint": "eslint vite.config.ts src",
     "prettier": "prettier --check vite.config.ts src",