From a07dada0c9ba80976692ee14e256da0a2d6b0112 Mon Sep 17 00:00:00 2001 From: nsfisis Date: Sun, 1 Feb 2026 10:16:35 +0900 Subject: refactor(atoms): migrate to jotai-tanstack-query from custom reloadable atoms Replace custom createReloadableAtom/createReloadableAtomFamily with atomWithSuspenseQuery from jotai-tanstack-query, leveraging TanStack Query's built-in caching, invalidation, and Suspense support. - Add @tanstack/query-core and jotai-tanstack-query dependencies - Create shared QueryClient instance (src/client/queryClient.ts) - Migrate all data atoms (decks, cards, study, noteTypes) to atomWithSuspenseQuery - Update page components to use .data destructuring and queryClient.invalidateQueries() - Update all test files to use QueryClient for data hydration - Remove src/client/atoms/utils.ts (no longer needed) Co-Authored-By: Claude Opus 4.5 --- docs/dev/architecture.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'docs/dev/architecture.md') diff --git a/docs/dev/architecture.md b/docs/dev/architecture.md index fd75c8c..cb6e634 100644 --- a/docs/dev/architecture.md +++ b/docs/dev/architecture.md @@ -6,7 +6,7 @@ |-------|------------| | Frontend | React + Vite | | Routing | Wouter | -| State | Jotai | +| State | Jotai + jotai-tanstack-query | | Styling | TailwindCSS | | Backend | Hono + TypeScript | | Database | PostgreSQL | @@ -67,9 +67,10 @@ kioku/ │ │ └── scripts/ # CLI scripts (add-user) │ └── client/ # React frontend │ ├── index.tsx +│ ├── queryClient.ts # Shared TanStack QueryClient instance │ ├── components/ │ ├── pages/ -│ ├── atoms/ # Jotai atoms (state management) +│ ├── atoms/ # Jotai atoms (atomWithSuspenseQuery for server data) │ ├── db/ # Dexie IndexedDB │ ├── sync/ # Sync engine │ └── api/ -- cgit v1.3-1-g0d28