react-query-patterns

What problem does it solve?

This Skill provides clear, actionable patterns for leveraging TanStack Query (React Query) to efficiently manage server state, including data fetching, caching, and mutations in React applications.

Core Features & Use Cases

• Data Fetching & Caching: Demonstrates effective use of useQuery with various options for controlling data freshness and cache behavior.
• Mutations & Optimistic Updates: Illustrates how to handle data mutations, including implementing optimistic updates for a smoother user experience.
• Pagination & Infinite Scrolling: Provides examples for implementing both offset-based pagination and infinite scrolling.
• Error Handling & Suspense: Shows how to integrate with React Suspense and implement robust error handling strategies.
• Use Case: A developer can quickly find and implement best practices for fetching user data, updating user profiles, or displaying paginated lists of products in their React application using TanStack Query.

Quick Start

Use the react-query-patterns skill to generate a basic useQuery hook for fetching user data by ID.