This skill empowers Claude with deep expertise in TanStack Query (formerly React Query) to manage complex server state within React and Next.js environments. It provides standardized implementation patterns for data fetching with advanced caching strategies, handling mutations with rollback-capable optimistic updates, and orchestrating performant infinite scrolling. By utilizing query key factories and fine-tuned QueryClient configurations, it ensures applications are scalable, reduce redundant network requests, and provide a snappier user experience through intelligent prefetching and background synchronization.
主な機能
01Infinite query implementation for seamless pagination and scroll loading
02Advanced prefetching techniques to enhance navigation and perceived performance
03Optimized QueryClient configuration with production-ready default settings
04Centralized query key factory patterns for consistent cache management
05Sophisticated mutation patterns with automated optimistic updates and rollbacks
061,320 GitHub stars
ユースケース
01Developing mobile-friendly lists with infinite scrolling and background refetching
02Building high-performance data dashboards with real-time server state synchronization
03Implementing complex forms that require immediate UI feedback via optimistic updates