Does it support optimistic updates?

Yes, it includes specific implementation patterns for both basic mutations and advanced optimistic UI updates, including error handling and state rollbacks.

How does it handle query keys?

The skill promotes a structured query key factory approach, ensuring cache consistency and making it easier to invalidate specific data subsets.

What is the TanStack Query skill for?

It provides Claude with standardized code patterns for implementing TanStack Query (formerly React Query) in React applications to manage data fetching and caching.

Can I use this for pagination?

Absolutely. It provides patterns for infinite queries and cursor-based pagination to handle large datasets and 'load more' functionality efficiently.

TanStack Query Patterns

Name: TanStack Query Patterns
Author: ashchupliak

byashchupliak

•

API Development

Provides standardized React Query implementation patterns for robust server state management and data fetching.

About

This skill equips Claude with specialized knowledge of TanStack Query (React Query) to handle complex server state in React applications. It provides best practices for setting up QueryClients, managing structured query keys, implementing CRUD operations with optimistic updates, and handling advanced patterns like infinite scrolling and prefetching. It is an essential resource for developers looking to build high-performance, resilient web applications with efficient caching, automatic revalidation, and seamless user experiences.

Key Features

Pre-configured QueryClient setup with optimized production defaults
Infinite query patterns for cursor-based and offset pagination
Standardized Query Key management for predictable cache consistency
1 GitHub stars
Implementation patterns for mutations and complex optimistic UI updates
Prefetching strategies to eliminate loading states and improve UX

Use Cases

Implementing 'instant-feel' UI actions using optimistic updates and rollbacks
Building data-heavy React applications requiring complex state synchronization
Standardizing API interaction hooks across a large-scale frontend project

About

Key Features

Pre-configured QueryClient setup with optimized production defaults
Infinite query patterns for cursor-based and offset pagination
Standardized Query Key management for predictable cache consistency
1 GitHub stars
Implementation patterns for mutations and complex optimistic UI updates
Prefetching strategies to eliminate loading states and improve UX

Use Cases

Implementing 'instant-feel' UI actions using optimistic updates and rollbacks
Building data-heavy React applications requiring complex state synchronization
Standardizing API interaction hooks across a large-scale frontend project