apollo-client
Installation
Summary
Comprehensive guide for building React applications with Apollo Client 4.x, covering queries, mutations, caching, and state management.
- Supports multiple React frameworks and setups: client-side apps (Vite, CRA), Next.js App Router with React Server Components, React Router 7 with streaming SSR, and TanStack Start
- Includes hooks for queries (
useQuery,useLazyQuery), mutations (useMutation), and Suspense-based patterns (useSuspenseQuery,useBackgroundQuery) for modern React 18+ and 19 applications - Covers caching strategies with
InMemoryCache,typePolicies, fragment colocation, data masking, and cache normalization for optimized performance - Provides TypeScript code generation setup, error handling patterns, optimistic UI updates, and troubleshooting guidance for common Apollo Client issues
SKILL.md
Apollo Client 4.x Guide
Apollo Client is a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL. Version 4.x brings improved caching, better TypeScript support, and React 19 compatibility.
Integration Guides
Choose the integration guide that matches your application setup:
- Client-Side Apps - For client-side React applications without SSR (Vite, Create React App, etc.)
- Next.js App Router - For Next.js applications using the App Router with React Server Components
- React Router Framework Mode - For React Router 7 applications with streaming SSR
- TanStack Start - For TanStack Start applications with modern routing
Each guide includes installation steps, configuration, and framework-specific patterns optimized for that environment.
Quick Reference
Basic Query
Related skills