Frontend Data Fetching

Purpose

Manage server state efficiently on the client — eliminating boilerplate, providing caching, deduplication, background refetching, and optimistic mutations while keeping server state out of global client stores.

Agent Protocol

Trigger

User request includes any of: "data fetching", "TanStack Query", "SWR", "React Query", "server state", "API client", "data fetching pattern", "cache invalidation", "optimistic update", "pagination data", "infinite scroll", "stale-while-revalidate".

Input Context

• Framework (React, Vue, Solid, Svelte)
• Existing state management library
• API patterns (REST, GraphQL, tRPC)
• Auth / token handling approach

Output Artifact

Data fetching architecture with query/mutation patterns and caching strategy.