Implements high-performance data fetching and server state management patterns using TanStack Query v5.
This skill equips Claude with the domain-specific knowledge required to implement TanStack Query (React Query) version 5 effectively. It provides comprehensive guidance on selecting the right hooks—such as useQuery, useSuspenseQuery, and useMutation—while enforcing industry-standard patterns like the Query Key Factory and domain-centric directory structures. It helps developers handle complex scenarios including optimistic updates, cache invalidation strategies, SSR prefetching, and advanced error handling with Error Boundaries, ensuring a robust and scalable frontend architecture.
主な機能
01Provides templates for complex cache invalidation and optimistic UI update logic.
02Enforces a domain-centric directory structure for scalable query management.
03Integrates SSR prefetching and hydration patterns for Next.js and other frameworks.
04Implements the Query Key Factory pattern to ensure consistent and type-safe cache management.
050 GitHub stars
06Standardizes TanStack Query v5 hook selection for both standard and Suspense-based fetching.
ユースケース
01Refactoring legacy useEffect-based fetching to modernized TanStack Query v5 patterns.
02Implementing complex data synchronization workflows including manual cache updates and rollbacks.
03Designing a robust server state management layer for a new enterprise React application.
