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

•

Desarrollo de 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.

Características Principales

01Type-safe data fetching using the modern queryOptions API

02Hierarchical Query Key Factory patterns for precise cache invalidation

03Advanced mutation patterns including optimistic UI updates

04Standardized TanStack Query v5 implementation with single-object signatures

05Multi-layer error handling via global QueryCache and Error Boundaries

06177 GitHub stars

Casos de Uso

01Architecting feature-based server state logic in complex enterprise applications

02Implementing high-performance data fetching with React Suspense integration

03Migrating React applications from TanStack Query v4 to v5 using best practices

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add madappgang/claude-code tanstack-query

For use in Claude.ai and ChatGPT

Download Skill