tanstack-query

Name: tanstack-query
Availability: InStock
Author: gudnuf

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

1|Updated May 16, 2026

Search Tags:#suspense #caching #tanstack #type-safety #state-management #react-query #query-patterns

Ready to run

npx skills add https://github.com/gudnuf/agicash-rs --skill tanstack-query-gudnuf

💬 Prompt for ChatGPT / Claude Chat▼

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.