What is the TanStack Query skill for Claude Code?

It is a specialized capability that provides Claude with best practices, implementation patterns, and migration rules for using TanStack Query v5 in React applications.

Does this skill help with v4 to v5 migration?

Yes, it specifically prevents 8 common migration issues, including the requirement for object syntax and handling removed query callbacks like onSuccess.

Does it support advanced fetching like infinite queries?

Yes, it covers infiniteQueryOptions for type safety and the maxPages feature to prevent memory leaks in long-running infinite lists.

How does it improve optimistic UI implementation?

The skill utilizes the v5 pattern of using mutation variables through useMutationState, which simplifies UI updates without requiring manual cache manipulation or rollbacks.

Can I use this for PWA or offline-first development?

Absolutely. It includes patterns for Network Mode configurations (online, always, and offlineFirst) to ensure your application behaves correctly without a network connection.

TanStack Query v5 Mastery

Name: TanStack Query v5 Mastery
Author: jezweb

byjezweb

•

117

Desarrollo de API

Optimizes React server state management using modern TanStack Query v5 patterns, optimistic updates, and efficient data fetching.

Acerca de

This skill enhances Claude Code's ability to manage server state in React using TanStack Query v5 best practices. It streamlines complex tasks such as implementing optimistic updates, tracking cross-component mutations, and configuring robust offline-first network modes. By enforcing v5-specific patterns—like mandatory object syntax and the removal of legacy query callbacks—this skill prevents common migration errors and ensures production-grade, memory-optimized data fetching logic.

Características Principales

117 GitHub stars
Simplified optimistic updates using mutation variables
Cross-component mutation tracking with useMutationState
Offline-first PWA support via configurable Network Mode
Comprehensive v4 to v5 migration error prevention and fixes
Memory-optimized infinite queries with maxPages management

Casos de Uso

Synchronizing UI state across multiple components using mutation tracking
Migrating legacy React Query v4 codebases to TanStack Query v5 standards
Implementing high-performance, infinite-scrolling lists with memory constraints

Acerca de

Características Principales

117 GitHub stars
Simplified optimistic updates using mutation variables
Cross-component mutation tracking with useMutationState
Offline-first PWA support via configurable Network Mode
Comprehensive v4 to v5 migration error prevention and fixes
Memory-optimized infinite queries with maxPages management

Casos de Uso

Synchronizing UI state across multiple components using mutation tracking
Migrating legacy React Query v4 codebases to TanStack Query v5 standards
Implementing high-performance, infinite-scrolling lists with memory constraints