Does it help with TypeScript integration?

Yes, it promotes type-safe data fetching and provides guidance on using TypeScript with query keys and fetcher functions.

Can I use this for optimistic updates?

Absolutely. The skill includes implementation patterns for onMutate, onError, and onSettled to ensure consistent UI feedback during mutations.

Why should I use this over standard documentation?

This skill provides contextual, production-ready code snippets and best practices directly within the Claude Code environment for faster implementation.

How does this skill handle React Query migrations?

It provides patterns for upgrading from v4 to v5, including renaming cacheTime to gcTime and replacing legacy callbacks with functional alternatives.

Does this skill support TanStack Query v5 breaking changes?

Yes, it is specifically designed for version 5, enforcing the mandatory object syntax and updated status flags like isPending.

TanStack Query v5 (React Query)

Name: TanStack Query v5 (React Query)
Author: secondsky

bysecondsky

•

Developer Tools

Manages server state, data fetching, and caching in React applications using industry-standard patterns and TanStack Query v5 best practices.

This skill empowers Claude to implement and maintain robust server state management using TanStack Query v5. It provides domain-specific guidance on migrating from v4, configuring optimal caching strategies with staleTime and gcTime, and implementing complex data patterns like optimistic updates and infinite scrolling. By leveraging the latest v5 object syntax and hooks like useSuspenseQuery, it ensures your React application's data layer is performant, type-safe, and free from common pitfalls like request waterfalls or memory leaks.

Key Features

01Type-safe data fetching with custom hooks and queryOptions factories

02Implementation of TanStack Query v5 object syntax for queries and mutations

03Advanced caching strategies using staleTime and gcTime configurations

04Automated migration guidance from React Query v4 to v5

0521 GitHub stars

06Optimistic UI updates and query invalidation patterns

Use Cases

01Building complex UI interactions like optimistic updates for mutations

02Implementing efficient server-side data fetching with caching and background refetching

03Migrating a React application from React Query v4 to v5

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/claude-skills tanstack-query

For use in Claude.ai and ChatGPT

Download Skill