Fetch and cache server data with useQuery and useMutation patterns.
npx skills add https://github.com/fcalell/dotfiles --skill tanstack-query-fcalell
Please help me install this Agent Skill. Skill: tanstack-query Source: https://github.com/fcalell/dotfiles/tree/main/dot_claude/skills/tanstack-query Command: npx skills add https://github.com/fcalell/dotfiles --skill tanstack-query-fcalell
TanStack Query simplifies client-side server state management by handling data fetching, caching, background updates, and synchronization with the server.
Install TanStack Query in a React project and configure it to manage server state across components for a cohesive, fast UI.
High-intent search queries and answers about installing and using this skill.
To fetch and cache server data in React, you can use centralized data fetching patterns like useQuery to automatically manage background updates and keep your UI in sync with the server.
The best way to handle optimistic updates for React mutations is using the useMutation pattern, which allows you to coordinate cache invalidation and synchronously update the UI before the server responds.
Yes, you can use TanStack Query for dependent and infinite queries. It supports these patterns natively, making it suitable for building responsive dashboards and lists with filters in complex UIs.
You need server-state management because simply fetching data does not handle background updates, caching, or synchronization. A dedicated solution keeps your UI cohesive and fast by automatically managing server state across components.
To invalidate the cache after a mutation in a React app, use the coordinated mutation features provided by useMutation to trigger cache invalidation, ensuring your data fetching stays reliably in sync.
januarfontiConvert client-side data fetching in Next.js to React Server Components.
XeIntegrate templ components with HTMX for server-driven interactive UIs.
irizqiImplement TanStack Query patterns for server state management in React applications.
7a336e6eImplement a type-safe API client with TanStack Query and Axios/Fetch.
