Community程式設計與開發github.com

apollographql/apollo-client

使用 Apollo Client 4.x 建立 React 應用程式的指南

apollo-client 是什麼?

此技能提供使用 Apollo Client 4.x 建置 React 應用程式的完整指引,涵蓋從客戶端設定、GraphQL 查詢與突變撰寫、快取策略配置,到透過反應式變數管理本地狀態等核心功能。它對於需要與 GraphQL API 整合的開發者特別有用,能協助利用 Apollo Client 的 hook 系統(如 useQuery、useMutation)高效處理資料獲取與更新,同時最佳化快取行為以提升應用效能。支援平台包括 React 生態系內的各種專案,無論是全新專案初始化,還是既有應用的 GraphQL 整合除錯。此技能透過詳細的程式碼範例與配置說明,引導開發者避開常見陷阱(如快取遺漏或過多網路請求),並提供效能調校建議,讓開發者能充分利用 Apollo Client 4.x 的進階功能,如正規化快取與樂觀更新。

相容平台~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/apollographql/skills/tree/main/skills/apollo-client

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

apollo-client 是做什麼的?

使用 Apollo Client 4.x 建立 React 應用程式的指南。請在以下情況使用此技能:(1) 在 React 專案中設定 Apollo Client,(2) 使用 hook 撰寫 GraphQL 查詢或突變,(3) 配置快取或快取策略,(4) 使用反應式變數管理本地狀態,(5) 排除 Apollo Client 錯誤或效能問題。

Individual skills in this repo

This repo contains 9 individual skills — each has its own dedicated page.

apollographql/apollo-connectors

Guide for integrating REST APIs into GraphQL supergraphs using Apollo Connectors with @source and @connect directives. Use this skill when the user: (1) mentions "connectors", "Apollo Connectors", or "REST Connector", (2) wants to integrate a REST API into GraphQL, (3) references @source or @connect directives, (4) works with files containing "# Note to AI Friends: This is an Apollo Connectors schema".

apollographql/apollo-federation

Guide for authoring Apollo Federation subgraph schemas. Use this skill when: (1) creating new subgraph schemas for a federated supergraph, (2) defining or modifying entities with @key, (3) sharing types/fields across subgraphs with @shareable, (4) working with federation directives (@external, @requires, @provides, @override, @inaccessible), (5) troubleshooting composition errors, (6) any task involving federation schema design patterns.

apollographql/apollo-mcp-server

Guide for using Apollo MCP Server to connect AI agents with GraphQL APIs. Use this skill when: (1) setting up or configuring Apollo MCP Server, (2) defining MCP tools from GraphQL operations, (3) using introspection tools (introspect, search, validate, execute), (4) troubleshooting MCP server connectivity or tool execution issues.

apollographql/apollo-router

Version-aware guide for configuring and running Apollo Router for federated GraphQL supergraphs. Generates correct YAML for both Router v1.x and v2.x. Use this skill when: (1) setting up Apollo Router to run a supergraph, (2) configuring routing, headers, or CORS, (3) implementing custom plugins (Rhai scripts or coprocessors), (4) configuring telemetry (tracing, metrics, logging), (5) troubleshooting Router performance or connectivity issues.

apollographql/apollo-server

Guide for building GraphQL servers with Apollo Server 5.x. Use this skill when: (1) setting up a new Apollo Server project, (2) writing resolvers or defining GraphQL schemas, (3) implementing authentication or authorization, (4) creating plugins or custom data sources, (5) troubleshooting Apollo Server errors or performance issues.

apollographql/graphql-operations

Guide for writing GraphQL operations (queries, mutations, fragments) following best practices. Use this skill when: (1) writing GraphQL queries or mutations, (2) organizing operations with fragments, (3) optimizing data fetching patterns, (4) setting up type generation or linting, (5) reviewing operations for efficiency.

apollographql/graphql-schema

Guide for designing GraphQL schemas following industry best practices. Use this skill when: (1) designing a new GraphQL schema or API, (2) reviewing existing schema for improvements, (3) deciding on type structures or nullability, (4) implementing pagination or error patterns, (5) ensuring security in schema design.

apollographql/rover

Guide for using Apollo Rover CLI to manage GraphQL schemas and federation. Use this skill when: (1) publishing or fetching subgraph/graph schemas, (2) composing supergraph schemas locally or via GraphOS, (3) running local supergraph development with rover dev, (4) validating schemas with check and lint commands, (5) configuring Rover authentication and environment, (6) exploring or searching a graph's schema for agent-driven discovery (rover schema describe / rover schema search).

apollographql/rust-best-practices

Guide for writing idiomatic Rust code based on Apollo GraphQL's best practices handbook. Use this skill when: (1) writing new Rust code or functions, (2) reviewing or refactoring existing Rust code, (3) deciding between borrowing vs cloning or ownership patterns, (4) implementing error handling with Result types, (5) optimizing Rust code for performance, (6) writing tests or documentation for Rust projects.

相關技能