auto-generated-tanstack-query-patterns

Official

Master TanStack Query patterns with smart polling.

Authorplanetaryescape
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Complex client-side data fetching in React apps is prone to data staleness, inconsistent UI, and brittle error handling. TanStack Query patterns provide a robust approach to fetching, caching, and mutating data with predictable UX.

Core Features & Use Cases

  • Polling with exponential backoff: automatic adaptive refetch intervals that scale with failure count.
  • Conditional queries & enabling: queries run only when prerequisites are met to save resources.
  • Mutation with toast notifications: user feedback on success or failure during data mutations.
  • Status-aware polling termination: stop polling when terminal states are reached and inform users.
  • Query key patterns: consistent, cache-friendly keys for dependent queries.
  • Loading & error UX: clear loading states and centralized error handling.

Quick Start

Install the patterns in your React project and apply them to your TanStack Query hooks for resilient data fetching.

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: auto-generated-tanstack-query-patterns
Download link: https://github.com/planetaryescape/ai-digest/archive/main.zip#auto-generated-tanstack-query-patterns

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 223,000+ vetted skills library on demand.