What anti-patterns does this skill prevent?

It actively prevents common mistakes like storing server state in client-side stores (Zustand/Redux), using string keys, and mutating cache data directly.

How does it handle infinite scrolling?

The skill provides standardized patterns for cursor-based pagination using useInfiniteQuery, including page parameter management and UI loading states.

Can it help with optimistic UI updates?

Absolutely. It includes production-grade patterns for onMutate, context snapshots for rollbacks, and proper cache reconciliation after mutations.

Does it support React 18 Suspense?

Yes, it includes patterns for useSuspenseQuery and prefetching strategies that work seamlessly with React 18's concurrent features.

Does this skill support TanStack Query v5?

Yes, it is specifically designed for TanStack Query v5, utilizing modern patterns such as isPending instead of isLoading and gcTime instead of cacheTime.

Advanced TanStack Query v5

Name: Advanced TanStack Query v5
Author: yonatangross

byyonatangross

•

API Development

Implements high-performance data fetching, caching, and optimistic UI updates using TanStack Query v5 best practices.

This skill provides Claude with production-ready patterns for TanStack Query (React Query) v5, enabling the implementation of complex server state management. It includes guidance on cursor-based infinite scrolling, robust optimistic updates with error rollbacks, intelligent prefetching, and advanced cache invalidation strategies. Designed for frontend developers building data-intensive applications, it ensures optimal performance through features like query deduplication, parallel fetching, and seamless React 18 Suspense integration while enforcing strict anti-pattern avoidance.

Key Features

01Strategic data prefetching for instant page transitions

02Support for parallel, dependent, and suspense-based queries

0369 GitHub stars

04Optimistic UI updates with automatic rollback on failure

05Advanced cache invalidation and query deduplication

06Infinite query implementation with cursor-based pagination

Use Cases

01Building social media feeds or product lists with infinite scroll

02Creating highly responsive dashboards that update optimistically

03Optimizing application performance through prefetching and intelligent caching

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yonatangross/orchestkit tanstack-query-advanced

For use in Claude.ai and ChatGPT

Download Skill