TanStack Query (React Query) Skill

Summary

TanStack Query (formerly React Query) is a powerful asynchronous state management library for React that handles server-state fetching, caching, synchronization, and updates. It eliminates the need for manual data fetching boilerplate and provides built-in features like background refetching, optimistic updates, pagination, and intelligent cache management.

When to Use

Use TanStack Query when:

• Fetching data from REST APIs, GraphQL, or tRPC endpoints
• Need automatic background refetching and cache invalidation
• Building real-time dashboards with polling or websocket data
• Implementing infinite scroll or pagination
• Require optimistic UI updates for mutations
• Managing complex server-state synchronization
• Need offline support with cache persistence
• Building applications with frequent data updates