tanstack-query

Manage server data fetching and cache synchronization in React applications.

6|Updated Jan 14, 2026

Search Tags:#caching #react #ssr #react-query #mutation #data-fetching #server-state

Ready to run

npx skills add https://github.com/fellipeutaka/denji --skill tanstack-query-fellipeutaka

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: tanstack-query
Source: https://github.com/fellipeutaka/denji/tree/main/.agents/skills/tanstack-query
Command: npx skills add https://github.com/fellipeutaka/denji --skill tanstack-query-fellipeutaka

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @tanstack/react-query, @tanstack/react-query-devtools, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines data management in React applications by providing best practices for fetching, caching, and updating server data.

Core Features & Use Cases

Effective Data Fetching: Implement optimal data retrieval with built-in cache management.
State Synchronization: Simplify mutation workflows, refetching, and server state synchronization.
Use Case: Building a dashboard that updates in real-time while minimizing network requests and ensuring data consistency across components.

Quick Start

Use the tanstack-query skill to manage server data fetching and cache synchronization efficiently.

Frequently Asked Questions about tanstack-query

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

FAQPage Schema

How do I manage server state and data caching in React applications?▼

To manage server state and data caching in React applications, this Skill provides best practices for fetching, caching, and updating server data. It enforces optimal query key organization and cache invalidation strategies for production-grade environments.

How do I handle data fetching and mutations with React Query?▼

Handling data fetching and mutations with React Query is facilitated through advanced strategies like parallel requests and prefetching. It simplifies state synchronization workflows, refetching, and error handling to ensure data consistency.

Does this approach support SSR hydration for data fetching in React?▼

Yes, this approach supports SSR hydration for data fetching in React. It facilitates advanced strategies for server-side rendered applications, ensuring proper state synchronization and cache management during the hydration process.

What is the best way to organize query keys for cache invalidation in React?▼

The best way to organize query keys for cache invalidation in React is by following enforced best practices for query key organization. This ensures efficient cache management, accurate data refetching, and synchronized server state updates across components.

Can I implement parallel requests and prefetching for my React dashboard?▼

Yes, you can implement parallel requests and prefetching for your React dashboard. This Skill facilitates these advanced data fetching strategies to minimize network requests while ensuring real-time data consistency across components.

Why does my React server state become inconsistent after mutations?▼

React server state becomes inconsistent after mutations due to improper cache invalidation. This Skill solves this by enforcing best practices for mutation workflows, refetching, and server state synchronization to maintain data consistency.