Can this help with Next.js or Remix integrations?

Absolutely, the skill includes specialized guidance for SSR dehydration/hydration patterns and per-request QueryClient creation.

Does this skill support TanStack Query v5?

Yes, it is designed with modern TanStack Query patterns in mind, including updated terminology like gcTime and enhanced mutation states.

Does it provide guidance for handling mutations?

Yes, it covers the full mutation lifecycle including cache invalidation, optimistic updates, and context-based error recovery workflows.

How does this help with React performance?

It provides specific rules for structural sharing, memoized data transformations using select, and limiting re-renders through notifyOnChangeProps.

TanStack Query Best Practices

Name: TanStack Query Best Practices
Author: JosephAnson

byJosephAnson

0•

API 개발

Implements industry-standard patterns for efficient data fetching, caching, and server state management using TanStack Query.

This skill provides Claude with a comprehensive knowledge base for implementing TanStack Query (formerly React Query) in React applications. It covers essential patterns including hierarchical query key organization, robust mutation handling with optimistic updates, sophisticated caching strategies, and seamless SSR integration. By activating this skill, developers can ensure their data-driven applications are performant, consistent, and resilient to common pitfalls such as stale data or inefficient re-renders.

주요 기능

01Advanced Query Key management via hierarchical organization and factory patterns

02Comprehensive error handling and retry configuration for reliable user experiences

03Optimistic updates and rollback handling for robust UI mutations

04Performance optimization through selective data transformation and structural sharing

05Server-side rendering (SSR) and hydration strategies for modern React frameworks

060 GitHub stars

사용 사례

01Implementing complex data fetching logic in new React or React Native applications

02Setting up efficient caching and optimistic UI updates for high-interactivity dashboards

03Refactoring legacy useEffect data fetching into modern TanStack Query patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add josephanson/claude-plugin tanstack-query-best-practices

For use in Claude.ai and ChatGPT

Download Skill