{"enrichment":{"faq":[{"a":"TanStack Query is a React library for managing server-state fetching and caching, automating data synchronization and eliminating manual boilerplate. It provides built-in background refetching, optimistic mutations, intelligent cache invalidation, and pagination support for complex data workflows.","q":"What is tanstack-query and what does it do?"},{"a":"TanStack Query manages server-state fetching and caching through declarative hooks like useQuery and useMutation. It automatically handles background refetching, cache invalidation, and data synchronization, reducing the need for manual state management and API call coordination in React applications.","q":"How does tanstack-query handle server state management in React?"},{"a":"Yes, TanStack Query supports automatic background refetching and cache invalidation out of the box. It intelligently refetches data when windows regain focus, intervals elapse, or queries are manually invalidated, keeping your cached data fresh without manual intervention.","q":"Can tanstack-query implement automatic background refetching and cache invalidation?"},{"a":"TanStack Query provides useInfiniteQuery for cursor-based pagination and infinite scroll patterns. It manages page state, handles fetching subsequent pages, and merges results seamlessly, enabling efficient infinite scroll implementations without complex manual coordination.","q":"How do you build pagination and infinite scroll with tanstack-query?"},{"a":"Yes, TanStack Query's useMutation hook supports optimistic updates that immediately reflect changes in the UI before server confirmation. If the mutation fails, TanStack Query automatically rolls back the optimistic update, maintaining data consistency and providing a smooth user experience.","q":"Does tanstack-query support optimistic UI updates and mutations with rollback?"},{"a":"TanStack Query integrates with Next.js SSR by hydrating server-prefetched data into the client cache. This eliminates duplicate requests and enables seamless data synchronization between server-rendered pages and client-side queries, improving performance and user experience.","q":"Can tanstack-query integrate with Next.js SSR and server-prefetched data?"}],"shadow_tags":["data-fetching-library","cache-management","async-state","api-integration","request-deduplication","background-sync","offline-support","real-time-updates","query-orchestration","mutation-patterns"],"summary_rewrite":"TanStack Query handles server-state fetching and caching in React applications, automating data synchronization and eliminating manual boilerplate. It provides built-in background refetching, optimistic mutations, intelligent cache invalidation, and pagination support for complex data workflows."},"files":[{"bytes":56730,"path":"toolchains/typescript/state/tanstack-query/SKILL.md","sha256":"3eefca45ac7afd0e604051a8ae5e4fafd664d9216984dab3515e5fd2e83fc1c9","url":"https://skillfed.io/files/bobmatnyc/claude-mpm-skills/tanstack-query/2087a27a/SKILL.md"}],"id":"bobmatnyc/claude-mpm-skills/tanstack-query","links":{"html":"https://skillfed.io/bobmatnyc/claude-mpm-skills/tanstack-query","md":"https://skillfed.io/bobmatnyc/claude-mpm-skills/tanstack-query.md","repo":"https://github.com/bobmatnyc/claude-mpm-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":18,"language":"Python","last_updated":"2026-07-18","license":"MIT","name":"tanstack-query","publisher":"bobmatnyc","stars":62},"relations":{"similar":[{"id":"tanstack-skills/tanstack-skills/tanstack-query"},{"id":"patricio0312rev/skills/tanstack-query-setup"},{"id":"secondsky/claude-skills/tanstack-query"},{"id":"Mindrally/skills/tanstack-query"},{"id":"AsyrafHussin/agent-skills/state-management"},{"id":"emanueleielo/deepagents-open-lovable/data-fetching"},{"id":"PatternsDev/skills/react-data-fetching"},{"id":"Intelligent-Internet/ii-agent/expo-data-fetching"},{"id":"connorads/dotfiles/expo-data-fetching"},{"id":"expo/skills/expo-data-fetching"}]},"slug":{"owner":"bobmatnyc","repo":"claude-mpm-skills","skill":"tanstack-query"},"version":"2087a27a"}