用途:该技能用于在 React 应用中集成 API,涵盖数据请求、状态管理、实时通信与缓存优化。
主要能力:
- 数据请求库:React Query(TanStack Query)、SWR、RTK Query、Apollo Client、Axios/Fetch。
- REST 集成:GET/POST/PUT/PATCH/DELETE、查询参数与分页、请求头与鉴权、网络与 HTTP 错误处理。
- GraphQL 集成:查询、变更、订阅、片段、代码生成、归一化缓存。
- 实时通信:WebSocket、Server-Sent Events、轮询、长轮询、Socket.io。
- 缓存与优化:新鲜/陈旧/重取策略、后台重取、缓存失效、预取、分页与无限滚动、请求去重。
- 乐观更新:先更新 UI、出错回滚、悲观更新、并发更新、离线队列。
使用方式:配置 QueryClient 并包裹 QueryClientProvider;创建 Axios 客户端并设置请求/响应拦截器;用 useQuery 获取数据、useMutation 修改数据并结合 onMutate/onError/onSettled 实现乐观更新;用 Apollo Client 的 createHttpLink 与 setContext 注入鉴权头;用自定义 useWebSocket hook 管理连接与消息;用 useInfiniteQuery 配合 getNextPageParam 实现无限滚动。
适用场景:需要集成 REST 或 GraphQL API、搭建 React Query 或 SWR、实现实时更新、添加乐观更新、处理分页/无限滚动、管理 API 缓存、构建可离线应用。
限制:资料未提供具体收费、价格、平台兼容性、性能数据或完整测试步骤;以上内容仅为技能能力概述,使用前请结合项目实际情况验证。