Skills
.Work. You
Rest

tanstack-query-best-practices

Community

Master TanStack Query patterns for robust UI.

Software Engineering#caching#tanstack#mutations#ssr#react-query#data-fetching#server-state
AuthorYoriichi-Dang
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill consolidates TanStack Query best practices for structuring data fetching, caching, and server state management in React applications.

Core Features & Use Cases

  • Query Keys & Caching: Design safe, hierarchical, and serializable keys to enable precise cache invalidation and data retrieval.
  • Mutations & Invalidation: Best practices for updating data and refreshing dependent queries to keep UI in sync.
  • SSR/CSR Hydration: Strategies for hydration and de-duplication across client/server boundaries.
  • Error Handling & SSR: Techniques for error boundaries and graceful failure recovery.
  • Use cases: data-heavy UIs in dashboards and analytics.

Quick Start

Install TanStack Query, configure a QueryClient, and implement basic fetching with useQuery and useMutation.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tanstack-query-best-practices
Download link: https://github.com/Yoriichi-Dang/dashboard_web_template/archive/main.zip#tanstack-query-best-practices

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.