How does this skill handle TypeScript integration?

It leverages TypeScript inference and the queryOptions helper to provide full type safety across your queries and mutations without requiring manual generic declarations.

Does this skill support TanStack Query v5 specifically?

Yes, it is fully optimized for version 5, including support for the single object signature, renamed options like gcTime, and new hooks like useSuspenseQuery.

Can it help with complex cache management?

Yes, it implements hierarchical Query Key Factories, ensuring that all variables used in fetching are properly tracked for reliable cache invalidation and synchronization.

Does it include patterns for optimistic updates?

Absolutely. It provides comprehensive patterns for mutations that update the UI immediately while managing background server synchronization and rollback on failure.

TanStack Query Master

Name: TanStack Query Master
Author: MadAppGang

byMadAppGang

•

177

API 개발

Implements production-ready TanStack Query v5 patterns for robust asynchronous state management in React applications.

소개

This skill equips Claude with deep expertise in TanStack Query (formerly React Query) v5, focusing on modern async state management. It facilitates the implementation of hierarchical query key factories, type-safe data fetching via the queryOptions API, and efficient data transformation using memoized select functions. By following these patterns, developers can ensure their applications handle caching, background synchronization, and optimistic updates with minimal boilerplate and maximum type safety, while adhering to the latest version 5 breaking changes and performance optimizations.

주요 기능

Type-safe data fetching using the modern queryOptions API
Hierarchical Query Key Factory patterns for precise cache invalidation
Advanced mutation patterns including optimistic UI updates
Standardized TanStack Query v5 implementation with single-object signatures
Multi-layer error handling via global QueryCache and Error Boundaries
177 GitHub stars

사용 사례

Architecting feature-based server state logic in complex enterprise applications
Implementing high-performance data fetching with React Suspense integration
Migrating React applications from TanStack Query v4 to v5 using best practices

소개

주요 기능

Type-safe data fetching using the modern queryOptions API
Hierarchical Query Key Factory patterns for precise cache invalidation
Advanced mutation patterns including optimistic UI updates
Standardized TanStack Query v5 implementation with single-object signatures
Multi-layer error handling via global QueryCache and Error Boundaries
177 GitHub stars

사용 사례

Architecting feature-based server state logic in complex enterprise applications
Implementing high-performance data fetching with React Suspense integration
Migrating React applications from TanStack Query v4 to v5 using best practices