SuperAPI AI 工具集

apollo-client-patterns

通用与其它

查看项目

更新于 10-16 03:39

技能介绍

该技能用于在 React 应用中实践 Apollo Client 的常见模式,主要覆盖 GraphQL 的查询(useQuery)、变更(useMutation)、缓存管理(InMemoryCache、字段策略)、本地状态(响应式变量 makeVar、@client 字段)以及订阅、懒加载查询、乐观更新、分页和错误处理。

安装命令:npm install @apollo/client graphql;React 项目还需 react;可选依赖包括 graphql-tag 与 @apollo/client/link/error。基本配置通过 createHttpLink、setContext(注入授权头)、onError(错误链接)与 from 组合链接,并用 InMemoryCache 的 typePolicies 定义分页合并与计算字段,最后用 ApolloProvider 包裹应用。

主要能力包括:定义 gql 查询与变更;用 useQuery 获取数据并支持 refetch、fetchMore 与 notifyOnNetworkStatusChange;用 useMutation 配合 update 回调或 cache.modify 更新缓存;通过 optimisticResponse 实现乐观更新;通过 readFragment/writeFragment 操作缓存片段;使用 useLazyQuery 按需搜索;用 useSubscription 处理实时数据;通过 errorPolicy 与 onError 处理部分数据与错误;以及用 makeVar 管理本地状态并配合 @client 字段读取。

适用场景为需要以 GraphQL 为数据层、并希望统一管理远端与本地状态的 React 前端项目。资料未提供收费、版本要求、性能数据或具体平台限制等信息。