Does this skill support TanStack Query v5 breaking changes?

Yes, it specifically follows v5 syntax, including the removal of callbacks in useQuery and the transition from cacheTime to gcTime.

How does it handle error management?

It implements declarative error handling using React Error Boundaries and TanStack Query's internal error state management.

What is the recommended directory structure for queries?

The skill promotes a domain-centric structure where keys, hooks, and logic are grouped by domain (e.g., /queries/student/) using a Query Key Factory.

Can I use this for Next.js or SSR projects?

Yes, it includes specialized patterns for SSR prefetching, dehydration, and hydration boundaries common in Next.js and Remix.

TanStack Query Master

Name: TanStack Query Master
Author: window-ook

bywindow-ook

0•

API開発

Implements TanStack Query v5 best practices for robust data fetching and server-state management in React applications.

This skill provides Claude with deep expertise in TanStack Query (React Query) v5, ensuring high-quality implementation of data fetching logic. It guides the creation of domain-driven query structures, the Query Key Factory pattern, and sophisticated cache invalidation strategies. Whether you are implementing useSuspenseQuery for declarative loading states or handling complex optimistic updates with useMutation, this skill ensures your code adheres to modern v5 standards, handles errors gracefully via Error Boundaries, and optimizes performance through effective prefetching and SSR patterns.

主な機能

01Advanced cache management including invalidation and optimistic updates

02Seamless integration with React Suspense and Error Boundaries

03Comprehensive TanStack Query v5 API implementation and hook selection

04Standardized SSR prefetching and hydration patterns

05Domain-driven directory organization and Query Key Factory patterns

060 GitHub stars

ユースケース

01Architecting scalable server-state management for complex enterprise React apps

02Implementing performant infinite scroll and paginated data fetching logic

03Migrating legacy React Query v4 codebases to TanStack Query v5

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add window-ook/claude-code-lab tanstack-query

For use in Claude.ai and ChatGPT

Download Skill