finish exercise 3

epicweb-dev · Feb 23, 2024 · 30b5a30 · 30b5a30
1 parent 05b42d8
commit 30b5a30
Show file tree

Hide file tree

Showing 246 changed files with 805,095 additions and 536 deletions.
diff --git a/exercises/01.code-splitting/01.problem.lazy/package.json b/exercises/01.code-splitting/01.problem.lazy/package.json
@@ -9,8 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@use-gesture/react": "^10.3.0",
+    "d3-geo": "^3.1.0",
     "react": "18.3.0-canary-03d6f7cf0-20240209",
-    "react-dom": "18.3.0-canary-03d6f7cf0-20240209"
+    "react-dom": "18.3.0-canary-03d6f7cf0-20240209",
+    "react-spring": "^9.7.3",
+    "topojson-client": "^3.1.0"
   },
   "devDependencies": {
     "@types/node": "^20.9.1",

diff --git a/exercises/01.code-splitting/01.solution.lazy/package.json b/exercises/01.code-splitting/01.solution.lazy/package.json
@@ -9,8 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@use-gesture/react": "^10.3.0",
+    "d3-geo": "^3.1.0",
     "react": "18.3.0-canary-03d6f7cf0-20240209",
-    "react-dom": "18.3.0-canary-03d6f7cf0-20240209"
+    "react-dom": "18.3.0-canary-03d6f7cf0-20240209",
+    "react-spring": "^9.7.3",
+    "topojson-client": "^3.1.0"
   },
   "devDependencies": {
     "@types/node": "^20.9.1",

diff --git a/exercises/01.code-splitting/02.problem.eager/package.json b/exercises/01.code-splitting/02.problem.eager/package.json
@@ -9,8 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@use-gesture/react": "^10.3.0",
+    "d3-geo": "^3.1.0",
     "react": "18.3.0-canary-03d6f7cf0-20240209",
-    "react-dom": "18.3.0-canary-03d6f7cf0-20240209"
+    "react-dom": "18.3.0-canary-03d6f7cf0-20240209",
+    "react-spring": "^9.7.3",
+    "topojson-client": "^3.1.0"
   },
   "devDependencies": {
     "@types/node": "^20.9.1",

diff --git a/exercises/01.code-splitting/02.solution.eager/package.json b/exercises/01.code-splitting/02.solution.eager/package.json
@@ -9,8 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@use-gesture/react": "^10.3.0",
+    "d3-geo": "^3.1.0",
     "react": "18.3.0-canary-03d6f7cf0-20240209",
-    "react-dom": "18.3.0-canary-03d6f7cf0-20240209"
+    "react-dom": "18.3.0-canary-03d6f7cf0-20240209",
+    "react-spring": "^9.7.3",
+    "topojson-client": "^3.1.0"
   },
   "devDependencies": {
     "@types/node": "^20.9.1",

diff --git a/exercises/01.code-splitting/03.problem.transition/package.json b/exercises/01.code-splitting/03.problem.transition/package.json
@@ -9,8 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@use-gesture/react": "^10.3.0",
+    "d3-geo": "^3.1.0",
     "react": "18.3.0-canary-03d6f7cf0-20240209",
-    "react-dom": "18.3.0-canary-03d6f7cf0-20240209"
+    "react-dom": "18.3.0-canary-03d6f7cf0-20240209",
+    "react-spring": "^9.7.3",
+    "topojson-client": "^3.1.0"
   },
   "devDependencies": {
     "@types/node": "^20.9.1",

diff --git a/exercises/01.code-splitting/03.solution.transition/package.json b/exercises/01.code-splitting/03.solution.transition/package.json
@@ -9,8 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@use-gesture/react": "^10.3.0",
+    "d3-geo": "^3.1.0",
     "react": "18.3.0-canary-03d6f7cf0-20240209",
-    "react-dom": "18.3.0-canary-03d6f7cf0-20240209"
+    "react-dom": "18.3.0-canary-03d6f7cf0-20240209",
+    "react-spring": "^9.7.3",
+    "topojson-client": "^3.1.0"
   },
   "devDependencies": {
     "@types/node": "^20.9.1",

diff --git a/...ses/02.calculations/01.problem/.gitignore → ...lculations/01.problem.use-memo/.gitignore b/...ses/02.calculations/01.problem/.gitignore → ...lculations/01.problem.use-memo/.gitignore
diff --git a/...ses/02.calculations/01.problem/README.mdx → ...lculations/01.problem.use-memo/README.mdx b/...ses/02.calculations/01.problem/README.mdx → ...lculations/01.problem.use-memo/README.mdx
diff --git a/...ses/02.calculations/01.problem/index.html → ...lculations/01.problem.use-memo/index.html b/...ses/02.calculations/01.problem/index.html → ...lculations/01.problem.use-memo/index.html
diff --git a/exercises/02.calculations/01.problem.use-memo/package.json b/exercises/02.calculations/01.problem.use-memo/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "exercises__sep__02.calculations__sep__01.problem.use-memo",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "comlink": "^4.4.1",
+    "downshift": "^8.3.2",
+    "match-sorter": "^6.3.4",
+    "react": "18.3.0-canary-03d6f7cf0-20240209",
+    "react-dom": "18.3.0-canary-03d6f7cf0-20240209",
+    "spin-delay": "^1.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.9.1",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react": "^4.0.3",
+    "prettier": "^3.0.3",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5"
+  }
+}
diff --git a/...alculations/01.problem/public/favicon.ico → ...ns/01.problem.use-memo/public/favicon.ico b/...alculations/01.problem/public/favicon.ico → ...ns/01.problem.use-memo/public/favicon.ico
diff --git a/...alculations/01.problem/public/favicon.png → ...ns/01.problem.use-memo/public/favicon.png b/...alculations/01.problem/public/favicon.png → ...ns/01.problem.use-memo/public/favicon.png
diff --git a/...alculations/01.problem/public/favicon.svg → ...ns/01.problem.use-memo/public/favicon.svg b/...alculations/01.problem/public/favicon.svg → ...ns/01.problem.use-memo/public/favicon.svg
diff --git a/...es/02.calculations/01.problem/src/app.tsx → ...culations/01.problem.use-memo/src/app.tsx b/...es/02.calculations/01.problem/src/app.tsx → ...culations/01.problem.use-memo/src/app.tsx
diff --git a/...lculations/01.problem/src/cities/index.ts → ...s/01.problem.use-memo/src/cities/index.ts b/...lculations/01.problem/src/cities/index.ts → ...s/01.problem.use-memo/src/cities/index.ts
diff --git a/...ions/01.problem/src/cities/us-cities.json → ...roblem.use-memo/src/cities/us-cities.json b/...ions/01.problem/src/cities/us-cities.json → ...roblem.use-memo/src/cities/us-cities.json
diff --git a/.../02.calculations/01.problem/src/index.css → ...lations/01.problem.use-memo/src/index.css b/.../02.calculations/01.problem/src/index.css → ...lations/01.problem.use-memo/src/index.css
diff --git a/.../02.calculations/01.problem/src/index.tsx → ...lations/01.problem.use-memo/src/index.tsx b/.../02.calculations/01.problem/src/index.tsx → ...lations/01.problem.use-memo/src/index.tsx
diff --git a/.../02.calculations/01.problem/src/utils.tsx → ...lations/01.problem.use-memo/src/utils.tsx b/.../02.calculations/01.problem/src/utils.tsx → ...lations/01.problem.use-memo/src/utils.tsx
diff --git a/...calculations/01.problem/src/vite-env.d.ts → ...ons/01.problem.use-memo/src/vite-env.d.ts b/...calculations/01.problem/src/vite-env.d.ts → ...ons/01.problem.use-memo/src/vite-env.d.ts
diff --git a/.../02.calculations/01.problem/tsconfig.json → ...lations/01.problem.use-memo/tsconfig.json b/.../02.calculations/01.problem/tsconfig.json → ...lations/01.problem.use-memo/tsconfig.json
diff --git a/...02.calculations/01.problem/vite.config.ts → ...ations/01.problem.use-memo/vite.config.ts b/...02.calculations/01.problem/vite.config.ts → ...ations/01.problem.use-memo/vite.config.ts
diff --git a/...es/02.calculations/01.solution/.gitignore → ...culations/01.solution.use-memo/.gitignore b/...es/02.calculations/01.solution/.gitignore → ...culations/01.solution.use-memo/.gitignore
diff --git a/...es/02.calculations/01.solution/README.mdx → ...culations/01.solution.use-memo/README.mdx b/...es/02.calculations/01.solution/README.mdx → ...culations/01.solution.use-memo/README.mdx
diff --git a/...es/02.calculations/01.solution/index.html → ...culations/01.solution.use-memo/index.html b/...es/02.calculations/01.solution/index.html → ...culations/01.solution.use-memo/index.html
diff --git a/exercises/02.calculations/01.solution.use-memo/package.json b/exercises/02.calculations/01.solution.use-memo/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "exercises__sep__02.calculations__sep__01.solution.use-memo",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "comlink": "^4.4.1",
+    "downshift": "^8.3.2",
+    "match-sorter": "^6.3.4",
+    "react": "18.3.0-canary-03d6f7cf0-20240209",
+    "react-dom": "18.3.0-canary-03d6f7cf0-20240209",
+    "spin-delay": "^1.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.9.1",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react": "^4.0.3",
+    "prettier": "^3.0.3",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5"
+  }
+}
diff --git a/...lculations/01.solution/public/favicon.ico → ...s/01.solution.use-memo/public/favicon.ico b/...lculations/01.solution/public/favicon.ico → ...s/01.solution.use-memo/public/favicon.ico
diff --git a/...lculations/01.solution/public/favicon.png → ...s/01.solution.use-memo/public/favicon.png b/...lculations/01.solution/public/favicon.png → ...s/01.solution.use-memo/public/favicon.png
diff --git a/...lculations/01.solution/public/favicon.svg → ...s/01.solution.use-memo/public/favicon.svg b/...lculations/01.solution/public/favicon.svg → ...s/01.solution.use-memo/public/favicon.svg
diff --git a/...s/02.calculations/01.solution/src/app.tsx → ...ulations/01.solution.use-memo/src/app.tsx b/...s/02.calculations/01.solution/src/app.tsx → ...ulations/01.solution.use-memo/src/app.tsx
diff --git a/...culations/01.solution/src/cities/index.ts → .../01.solution.use-memo/src/cities/index.ts b/...culations/01.solution/src/cities/index.ts → .../01.solution.use-memo/src/cities/index.ts
diff --git a/...ons/01.solution/src/cities/us-cities.json → ...lution.use-memo/src/cities/us-cities.json b/...ons/01.solution/src/cities/us-cities.json → ...lution.use-memo/src/cities/us-cities.json
diff --git a/...02.calculations/01.solution/src/index.css → ...ations/01.solution.use-memo/src/index.css b/...02.calculations/01.solution/src/index.css → ...ations/01.solution.use-memo/src/index.css
diff --git a/...02.calculations/01.solution/src/index.tsx → ...ations/01.solution.use-memo/src/index.tsx b/...02.calculations/01.solution/src/index.tsx → ...ations/01.solution.use-memo/src/index.tsx
diff --git a/...02.calculations/01.solution/src/utils.tsx → ...ations/01.solution.use-memo/src/utils.tsx b/...02.calculations/01.solution/src/utils.tsx → ...ations/01.solution.use-memo/src/utils.tsx
diff --git a/...alculations/01.solution/src/vite-env.d.ts → ...ns/01.solution.use-memo/src/vite-env.d.ts b/...alculations/01.solution/src/vite-env.d.ts → ...ns/01.solution.use-memo/src/vite-env.d.ts
diff --git a/...02.calculations/01.solution/tsconfig.json → ...ations/01.solution.use-memo/tsconfig.json b/...02.calculations/01.solution/tsconfig.json → ...ations/01.solution.use-memo/tsconfig.json
diff --git a/...2.calculations/01.solution/vite.config.ts → ...tions/01.solution.use-memo/vite.config.ts b/...2.calculations/01.solution/vite.config.ts → ...tions/01.solution.use-memo/vite.config.ts
diff --git a/...ses/02.calculations/02.problem/.gitignore → ....calculations/02.problem.build/.gitignore b/...ses/02.calculations/02.problem/.gitignore → ....calculations/02.problem.build/.gitignore
diff --git a/...ses/02.calculations/02.problem/README.mdx → ....calculations/02.problem.build/README.mdx b/...ses/02.calculations/02.problem/README.mdx → ....calculations/02.problem.build/README.mdx
diff --git a/...ses/02.calculations/02.problem/index.html → ....calculations/02.problem.build/index.html b/...ses/02.calculations/02.problem/index.html → ....calculations/02.problem.build/index.html
diff --git a/...s/02.calculations/02.problem/package.json → ...alculations/02.problem.build/package.json b/...s/02.calculations/02.problem/package.json → ...alculations/02.problem.build/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "exercises__sep__02.calculations__sep__02.problem",
+  "name": "exercises__sep__02.calculations__sep__02.problem.build",
   "private": true,
   "version": "0.0.0",
   "type": "module",
@@ -9,10 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "comlink": "^4.4.1",
+    "downshift": "^8.3.2",
+    "match-sorter": "^6.3.4",
     "react": "18.3.0-canary-03d6f7cf0-20240209",
     "react-dom": "18.3.0-canary-03d6f7cf0-20240209",
-    "downshift": "^8.3.2",
-    "match-sorter": "^6.3.4"
+    "spin-delay": "^1.2.0"
   },
   "devDependencies": {
     "@types/node": "^20.9.1",

diff --git a/...alculations/02.problem/public/favicon.ico → ...tions/02.problem.build/public/favicon.ico b/...alculations/02.problem/public/favicon.ico → ...tions/02.problem.build/public/favicon.ico
diff --git a/...alculations/02.problem/public/favicon.png → ...tions/02.problem.build/public/favicon.png b/...alculations/02.problem/public/favicon.png → ...tions/02.problem.build/public/favicon.png
diff --git a/...alculations/02.problem/public/favicon.svg → ...tions/02.problem.build/public/favicon.svg b/...alculations/02.problem/public/favicon.svg → ...tions/02.problem.build/public/favicon.svg
diff --git a/...es/02.calculations/02.problem/src/app.tsx → ...calculations/02.problem.build/src/app.tsx b/...es/02.calculations/02.problem/src/app.tsx → ...calculations/02.problem.build/src/app.tsx
diff --git a/...lculations/02.problem/src/cities/index.ts → ...ions/02.problem.build/src/cities/index.ts b/...lculations/02.problem/src/cities/index.ts → ...ions/02.problem.build/src/cities/index.ts
diff --git a/...ions/02.problem/src/cities/us-cities.json → ...2.problem.build/src/cities/us-cities.json b/...ions/02.problem/src/cities/us-cities.json → ...2.problem.build/src/cities/us-cities.json
diff --git a/.../02.calculations/02.problem/src/index.css → ...lculations/02.problem.build/src/index.css b/.../02.calculations/02.problem/src/index.css → ...lculations/02.problem.build/src/index.css
diff --git a/.../02.calculations/02.problem/src/index.tsx → ...lculations/02.problem.build/src/index.tsx b/.../02.calculations/02.problem/src/index.tsx → ...lculations/02.problem.build/src/index.tsx
diff --git a/.../02.calculations/02.problem/src/utils.tsx → ...lculations/02.problem.build/src/utils.tsx b/.../02.calculations/02.problem/src/utils.tsx → ...lculations/02.problem.build/src/utils.tsx
diff --git a/...calculations/02.problem/src/vite-env.d.ts → ...ations/02.problem.build/src/vite-env.d.ts b/...calculations/02.problem/src/vite-env.d.ts → ...ations/02.problem.build/src/vite-env.d.ts
diff --git a/.../02.calculations/02.problem/tsconfig.json → ...lculations/02.problem.build/tsconfig.json b/.../02.calculations/02.problem/tsconfig.json → ...lculations/02.problem.build/tsconfig.json
diff --git a/...02.calculations/02.problem/vite.config.ts → ...culations/02.problem.build/vite.config.ts b/...02.calculations/02.problem/vite.config.ts → ...culations/02.problem.build/vite.config.ts
diff --git a/...es/02.calculations/02.solution/.gitignore → ...calculations/02.solution.build/.gitignore b/...es/02.calculations/02.solution/.gitignore → ...calculations/02.solution.build/.gitignore
diff --git a/...es/02.calculations/02.solution/README.mdx → ...calculations/02.solution.build/README.mdx b/...es/02.calculations/02.solution/README.mdx → ...calculations/02.solution.build/README.mdx
diff --git a/...es/02.calculations/02.solution/index.html → ...calculations/02.solution.build/index.html b/...es/02.calculations/02.solution/index.html → ...calculations/02.solution.build/index.html
diff --git a/exercises/02.calculations/02.solution.build/package.json b/exercises/02.calculations/02.solution.build/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "exercises__sep__02.calculations__sep__02.solution.build",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "comlink": "^4.4.1",
+    "downshift": "^8.3.2",
+    "match-sorter": "^6.3.4",
+    "react": "18.3.0-canary-03d6f7cf0-20240209",
+    "react-dom": "18.3.0-canary-03d6f7cf0-20240209",
+    "spin-delay": "^1.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.9.1",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react": "^4.0.3",
+    "prettier": "^3.0.3",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5"
+  }
+}
diff --git a/...lculations/02.solution/public/favicon.ico → ...ions/02.solution.build/public/favicon.ico b/...lculations/02.solution/public/favicon.ico → ...ions/02.solution.build/public/favicon.ico
diff --git a/...lculations/02.solution/public/favicon.png → ...ions/02.solution.build/public/favicon.png b/...lculations/02.solution/public/favicon.png → ...ions/02.solution.build/public/favicon.png
diff --git a/...lculations/02.solution/public/favicon.svg → ...ions/02.solution.build/public/favicon.svg b/...lculations/02.solution/public/favicon.svg → ...ions/02.solution.build/public/favicon.svg
diff --git a/...s/02.calculations/02.solution/src/app.tsx → ...alculations/02.solution.build/src/app.tsx b/...s/02.calculations/02.solution/src/app.tsx → ...alculations/02.solution.build/src/app.tsx
diff --git a/...culations/02.solution/src/cities/index.ts → ...ons/02.solution.build/src/cities/index.ts b/...culations/02.solution/src/cities/index.ts → ...ons/02.solution.build/src/cities/index.ts
diff --git a/...ons/02.solution/src/cities/us-cities.json → ....solution.build/src/cities/us-cities.json b/...ons/02.solution/src/cities/us-cities.json → ....solution.build/src/cities/us-cities.json
diff --git a/...02.calculations/02.solution/src/index.css → ...culations/02.solution.build/src/index.css b/...02.calculations/02.solution/src/index.css → ...culations/02.solution.build/src/index.css
diff --git a/...02.calculations/02.solution/src/index.tsx → ...culations/02.solution.build/src/index.tsx b/...02.calculations/02.solution/src/index.tsx → ...culations/02.solution.build/src/index.tsx
diff --git a/...02.calculations/02.solution/src/utils.tsx → ...culations/02.solution.build/src/utils.tsx b/...02.calculations/02.solution/src/utils.tsx → ...culations/02.solution.build/src/utils.tsx
diff --git a/...alculations/02.solution/src/vite-env.d.ts → ...tions/02.solution.build/src/vite-env.d.ts b/...alculations/02.solution/src/vite-env.d.ts → ...tions/02.solution.build/src/vite-env.d.ts
diff --git a/...02.calculations/02.solution/tsconfig.json → ...culations/02.solution.build/tsconfig.json b/...02.calculations/02.solution/tsconfig.json → ...culations/02.solution.build/tsconfig.json
diff --git a/...2.calculations/02.solution/vite.config.ts → ...ulations/02.solution.build/vite.config.ts b/...2.calculations/02.solution/vite.config.ts → ...ulations/02.solution.build/vite.config.ts
diff --git a/...ses/02.calculations/03.problem/.gitignore → ...calculations/03.problem.worker/.gitignore b/...ses/02.calculations/03.problem/.gitignore → ...calculations/03.problem.worker/.gitignore
diff --git a/...ses/02.calculations/03.problem/README.mdx → ...calculations/03.problem.worker/README.mdx b/...ses/02.calculations/03.problem/README.mdx → ...calculations/03.problem.worker/README.mdx
diff --git a/...ses/02.calculations/03.problem/index.html → ...calculations/03.problem.worker/index.html b/...ses/02.calculations/03.problem/index.html → ...calculations/03.problem.worker/index.html
diff --git a/exercises/02.calculations/03.problem.worker/package.json b/exercises/02.calculations/03.problem.worker/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "exercises__sep__02.calculations__sep__03.problem.worker",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "comlink": "^4.4.1",
+    "downshift": "^8.3.2",
+    "match-sorter": "^6.3.4",
+    "react": "18.3.0-canary-03d6f7cf0-20240209",
+    "react-dom": "18.3.0-canary-03d6f7cf0-20240209",
+    "spin-delay": "^1.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.9.1",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react": "^4.0.3",
+    "prettier": "^3.0.3",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5"
+  }
+}
diff --git a/...alculations/03.problem/public/favicon.ico → ...ions/03.problem.worker/public/favicon.ico b/...alculations/03.problem/public/favicon.ico → ...ions/03.problem.worker/public/favicon.ico
diff --git a/...alculations/03.problem/public/favicon.png → ...ions/03.problem.worker/public/favicon.png b/...alculations/03.problem/public/favicon.png → ...ions/03.problem.worker/public/favicon.png
diff --git a/...alculations/03.problem/public/favicon.svg → ...ions/03.problem.worker/public/favicon.svg b/...alculations/03.problem/public/favicon.svg → ...ions/03.problem.worker/public/favicon.svg
diff --git a/...es/02.calculations/03.problem/src/app.tsx → ...alculations/03.problem.worker/src/app.tsx b/...es/02.calculations/03.problem/src/app.tsx → ...alculations/03.problem.worker/src/app.tsx
diff --git a/...lculations/03.problem/src/cities/index.ts → ...ons/03.problem.worker/src/cities/index.ts b/...lculations/03.problem/src/cities/index.ts → ...ons/03.problem.worker/src/cities/index.ts
diff --git a/...ions/03.problem/src/cities/us-cities.json → ....problem.worker/src/cities/us-cities.json b/...ions/03.problem/src/cities/us-cities.json → ....problem.worker/src/cities/us-cities.json
diff --git a/.../02.calculations/03.problem/src/index.css → ...culations/03.problem.worker/src/index.css b/.../02.calculations/03.problem/src/index.css → ...culations/03.problem.worker/src/index.css
diff --git a/.../02.calculations/03.problem/src/index.tsx → ...culations/03.problem.worker/src/index.tsx b/.../02.calculations/03.problem/src/index.tsx → ...culations/03.problem.worker/src/index.tsx
diff --git a/.../02.calculations/03.problem/src/utils.tsx → ...culations/03.problem.worker/src/utils.tsx b/.../02.calculations/03.problem/src/utils.tsx → ...culations/03.problem.worker/src/utils.tsx
diff --git a/...calculations/03.problem/src/vite-env.d.ts → ...tions/03.problem.worker/src/vite-env.d.ts b/...calculations/03.problem/src/vite-env.d.ts → ...tions/03.problem.worker/src/vite-env.d.ts
diff --git a/.../02.calculations/03.problem/tsconfig.json → ...culations/03.problem.worker/tsconfig.json b/.../02.calculations/03.problem/tsconfig.json → ...culations/03.problem.worker/tsconfig.json
diff --git a/...02.calculations/03.problem/vite.config.ts → ...ulations/03.problem.worker/vite.config.ts b/...02.calculations/03.problem/vite.config.ts → ...ulations/03.problem.worker/vite.config.ts
diff --git a/exercises/02.calculations/03.problem/package.json b/exercises/02.calculations/03.problem/package.json
diff --git a/...es/02.calculations/03.solution/.gitignore → ...alculations/03.solution.worker/.gitignore b/...es/02.calculations/03.solution/.gitignore → ...alculations/03.solution.worker/.gitignore
diff --git a/...es/02.calculations/03.solution/README.mdx → ...alculations/03.solution.worker/README.mdx b/...es/02.calculations/03.solution/README.mdx → ...alculations/03.solution.worker/README.mdx
diff --git a/...es/02.calculations/03.solution/index.html → ...alculations/03.solution.worker/index.html b/...es/02.calculations/03.solution/index.html → ...alculations/03.solution.worker/index.html
diff --git a/exercises/02.calculations/03.solution.worker/package.json b/exercises/02.calculations/03.solution.worker/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "exercises__sep__02.calculations__sep__03.solution.worker",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "comlink": "^4.4.1",
+    "downshift": "^8.3.2",
+    "match-sorter": "^6.3.4",
+    "react": "18.3.0-canary-03d6f7cf0-20240209",
+    "react-dom": "18.3.0-canary-03d6f7cf0-20240209",
+    "spin-delay": "^1.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.9.1",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react": "^4.0.3",
+    "prettier": "^3.0.3",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5"
+  }
+}
diff --git a/...lculations/03.solution/public/favicon.ico → ...ons/03.solution.worker/public/favicon.ico b/...lculations/03.solution/public/favicon.ico → ...ons/03.solution.worker/public/favicon.ico
diff --git a/...lculations/03.solution/public/favicon.png → ...ons/03.solution.worker/public/favicon.png b/...lculations/03.solution/public/favicon.png → ...ons/03.solution.worker/public/favicon.png
diff --git a/...lculations/03.solution/public/favicon.svg → ...ons/03.solution.worker/public/favicon.svg b/...lculations/03.solution/public/favicon.svg → ...ons/03.solution.worker/public/favicon.svg
diff --git a/...s/02.calculations/03.solution/src/app.tsx → ...lculations/03.solution.worker/src/app.tsx b/...s/02.calculations/03.solution/src/app.tsx → ...lculations/03.solution.worker/src/app.tsx
@@ -7,14 +7,13 @@ type Cities = Awaited<ReturnType<typeof searchItems>>
 
 export function App() {
 	const forceRerender = useForceRerender()
-
 	const [inputValue, setInputValue] = useState('')
 
-	const { data: allItems, run } = useAsync<Cities>()
+	const { data: allItems, run, status } = useAsync<Cities>()
 	useEffect(() => {
 		run(searchItems(inputValue))
 	}, [inputValue, run])
-	const items = (allItems ?? []).slice(0, 500)
+	const items = allItems ?? []
 
 	const {
 		selectedItem,
@@ -50,7 +49,11 @@ export function App() {
 						&#10005;
 					</button>
 				</div>
-				<ul {...getMenuProps()}>
+				<ul
+					{...getMenuProps({
+						style: { opacity: status === 'pending' ? 0.6 : 1 },
+					})}
+				>
 					{items.map((item, index) => {
 						const isSelected = selectedItem?.id === item.id
 						const isHighlighted = highlightedIndex === index

diff --git a/exercises/02.calculations/03.solution.worker/src/cities/filter-cities.worker.ts b/exercises/02.calculations/03.solution.worker/src/cities/filter-cities.worker.ts
@@ -0,0 +1,12 @@
+import * as Comlink from 'comlink'
+import { matchSorter } from 'match-sorter'
+import cities from './us-cities.json'
+
+const allItems = cities.map((city, index) => ({ ...city, id: String(index) }))
+export type City = (typeof allItems)[number]
+
+export function searchItems(input: string) {
+	return matchSorter(allItems, input, { keys: ['name'] }).slice(0, 500)
+}
+
+Comlink.expose({ searchItems })
diff --git a/exercises/02.calculations/03.solution.worker/src/cities/index.ts b/exercises/02.calculations/03.solution.worker/src/cities/index.ts
@@ -0,0 +1,17 @@
+import * as Comlink from 'comlink'
+import { type searchItems as searchItemsWorker } from './filter-cities.worker'
+
+const worker = new Worker(
+	new URL('./filter-cities.worker.ts', import.meta.url),
+	{ type: 'module' },
+)
+
+type WorkerAPI = {
+	searchItems: typeof searchItemsWorker
+}
+
+const filterCities = Comlink.wrap<WorkerAPI>(worker)
+
+export async function searchItems(input: string) {
+	return filterCities.searchItems(input)
+}
diff --git a/...ons/03.solution/src/cities/us-cities.json → ...solution.worker/src/cities/us-cities.json b/...ons/03.solution/src/cities/us-cities.json → ...solution.worker/src/cities/us-cities.json
diff --git a/...02.calculations/03.solution/src/index.css → ...ulations/03.solution.worker/src/index.css b/...02.calculations/03.solution/src/index.css → ...ulations/03.solution.worker/src/index.css
diff --git a/...02.calculations/03.solution/src/index.tsx → ...ulations/03.solution.worker/src/index.tsx b/...02.calculations/03.solution/src/index.tsx → ...ulations/03.solution.worker/src/index.tsx
diff --git a/...02.calculations/03.solution/src/utils.tsx → ...ulations/03.solution.worker/src/utils.tsx b/...02.calculations/03.solution/src/utils.tsx → ...ulations/03.solution.worker/src/utils.tsx
@@ -12,8 +12,8 @@ type AsyncState<DataType> =
 	  }
 	| {
 			status: 'pending'
-			data?: null
-			error?: null
+			data?: null | DataType
+			error?: null | Error
 			promise: Promise<DataType>
 	  }
 	| {
@@ -42,9 +42,8 @@ function asyncReducer<DataType>(
 	switch (action.type) {
 		case 'pending': {
 			return {
+				...state,
 				status: 'pending',
-				data: null,
-				error: null,
 				promise: action.promise,
 			}
 		}

diff --git a/...alculations/03.solution/src/vite-env.d.ts → ...ions/03.solution.worker/src/vite-env.d.ts b/...alculations/03.solution/src/vite-env.d.ts → ...ions/03.solution.worker/src/vite-env.d.ts
diff --git a/...02.calculations/03.solution/tsconfig.json → ...ulations/03.solution.worker/tsconfig.json b/...02.calculations/03.solution/tsconfig.json → ...ulations/03.solution.worker/tsconfig.json
diff --git a/...2.calculations/03.solution/vite.config.ts → ...lations/03.solution.worker/vite.config.ts b/...2.calculations/03.solution/vite.config.ts → ...lations/03.solution.worker/vite.config.ts
diff --git a/exercises/02.calculations/03.solution/package.json b/exercises/02.calculations/03.solution/package.json