tanstack-query

Organize TanStack Query v5 patterns for React server-state management.

1|Updated May 16, 2026
One-click install
npx skills add https://github.com/gudnuf/agicash-rs --skill tanstack-query-gudnuf
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tanstack-query
Source: https://github.com/gudnuf/agicash-rs/tree/main/.claude/skills/tanstack-query
Command: npx skills add https://github.com/gudnuf/agicash-rs --skill tanstack-query-gudnuf

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Standardize TanStack Query v5 patterns across React projects to ensure consistent server-state management, reduce boilerplate, and prevent stale data.

Core Features & Use Cases

  • Centralizes cache class patterns, version-aware updates, and queryOptions factories to promote uniform data handling.
  • Enables event-driven updates and safe invalidation strategies via query cache management and per-entity scopes.
  • Supports suspense-driven data fetching and hierarchical query keys for predictable memoization.

Quick Start

Enable the project-wide TanStack Query conventions to start consistent data fetching with suspense and realtime updates.

Frequently Asked Questions about tanstack-query

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I standardize TanStack Query v5 patterns across my React project?

Standardize TanStack Query v5 patterns by centralizing cache class structures, queryOptions factories, and version-aware updates to ensure consistent server-state management and reduce boilerplate across your React codebase.

What is the best way to structure hierarchical query keys for predictable memoization?

Hierarchical query keys enable predictable memoization by organizing static Key-based caches and dynamic per-entity scopes, which supports safe event-driven cache invalidation strategies within your TanStack Query setup.

How do I implement suspense-driven data fetching with TanStack Query?

Implement suspense-driven data fetching by applying standardized TanStack Query conventions for suspense queries, ensuring uniform data handling while preventing stale data in your React application.

Does this approach support event-driven updates and safe cache invalidation?

Yes, event-driven updates and safe invalidation are supported through query cache management and per-entity scopes, allowing you to apply dynamic scope patches and maintain consistent server-state.

Can I use queryOptions factories to reduce boilerplate in React Query?

Yes, queryOptions factories centralize data handling configurations to reduce boilerplate, promoting uniform conventions for static Key-based caches and version-aware updates across your project.