TanStack Query Advanced
Implements high-performance server state management patterns for React using TanStack Query v5.
This skill provides production-ready patterns for TanStack Query v5, focusing on advanced data fetching and caching strategies. It enables Claude to implement complex features like cursor-based infinite scrolling, optimistic UI updates with rollback capabilities, and intelligent prefetching for instant navigation. By following these patterns, developers can ensure robust cache invalidation, efficient parallel queries, and seamless integration with React 18+ Suspense, while avoiding common anti-patterns like storing server state in global client stores.
주요 기능
01Cursor-based infinite query implementation for feeds and pagination
02Optimistic UI updates with automatic error rollback and reconciliation
03Intelligent query prefetching and smart cache invalidation strategies
04Type-safe query configurations using the queryOptions helper
0569 GitHub stars
06Modern React 18+ Suspense and useSuspenseQuery integration
사용 사례
01Building high-performance feeds with infinite scroll or complex pagination
02Creating snappy user interfaces that update instantly while gracefully handling server errors
03Optimizing application navigation by pre-loading data based on user intent or hover states