SuperAPI AI 工具集

graphql-apollo-client

前端与建站

查看项目

更新于 10-16 03:43

技能介绍

用途:帮助在 React 应用中集成 Apollo Client,掌握 GraphQL 查询、变更、缓存管理与实时订阅等常见开发模式。

主要能力:提供 useQuery(取数据)、useMutation(改数据)、useSubscription(实时)、useLazyQuery(按需取数)等 Hook 的用途与返回值参考;展示客户端初始化(ApolloClient + InMemoryCache + ApolloProvider,以及 createHttpLink、setContext、onError 等 link 组合);演示查询(含分页 fetchMore 与 fetchPolicy、pollInterval、skip 等选项)、变更(含 update 与 optimisticResponse 乐观更新)、订阅(GraphQLWsLink + graphql-ws 的 createClient,并用 split 区分 HTTP 与 WebSocket)。另含缓存 typePolicies/keyFields、问题排查(脏数据、重复项、请求循环、订阅失效)与调试方式(cache.extract、Apollo DevTools、日志 link)。

使用方式:以技能形式调用,写作 Skill("graphql-apollo-client");可与 graphql-fundamentals、graphql-apollo-server、graphql-codegen 等相关技能配合,并通过相关 Agent 获取更细指引。

适用场景:构建使用 Apollo Client 的 React 前端,处理查询、变更、缓存、乐观更新与订阅等需求。

限制:本资料未说明适用平台、版本要求、收费与授权等信息,暂未提供;示例中的地址、令牌读取方式需按实际环境调整。