SuperAPI AI 工具集

api-integration-architect

编程与开发

查看项目

更新于 10-16 05:05

技能介绍

用途:该技能用于在 React 应用中集成 API,涵盖数据请求、状态管理、实时通信与缓存优化。

主要能力:

  1. 数据请求库:React Query(TanStack Query)、SWR、RTK Query、Apollo Client、Axios/Fetch。
  2. REST 集成:GET/POST/PUT/PATCH/DELETE、查询参数与分页、请求头与鉴权、网络与 HTTP 错误处理。
  3. GraphQL 集成:查询、变更、订阅、片段、代码生成、归一化缓存。
  4. 实时通信:WebSocket、Server-Sent Events、轮询、长轮询、Socket.io。
  5. 缓存与优化:新鲜/陈旧/重取策略、后台重取、缓存失效、预取、分页与无限滚动、请求去重。
  6. 乐观更新:先更新 UI、出错回滚、悲观更新、并发更新、离线队列。

使用方式:配置 QueryClient 并包裹 QueryClientProvider;创建 Axios 客户端并设置请求/响应拦截器;用 useQuery 获取数据、useMutation 修改数据并结合 onMutate/onError/onSettled 实现乐观更新;用 Apollo Client 的 createHttpLink 与 setContext 注入鉴权头;用自定义 useWebSocket hook 管理连接与消息;用 useInfiniteQuery 配合 getNextPageParam 实现无限滚动。

适用场景:需要集成 REST 或 GraphQL API、搭建 React Query 或 SWR、实现实时更新、添加乐观更新、处理分页/无限滚动、管理 API 缓存、构建可离线应用。

限制:资料未提供具体收费、价格、平台兼容性、性能数据或完整测试步骤;以上内容仅为技能能力概述,使用前请结合项目实际情况验证。