SuperAPI AI 工具集

1k-performance

前端与建站

查看项目

更新于 10-16 02:38

技能介绍

用途:为 React/React Native 应用提供性能优化模式与最佳实践,适用于 OneKey monorepo 场景。

主要能力:

  1. 并发请求控制:限制并发数为 3-5,使用 executeBatched 分批执行,避免大量并发请求冻结 UI。
  2. Bridge 优化:减少 React Native 桥接次数、批量传输数据,降低 iOS/Android 桥接开销。
  3. 列表渲染:使用 FlashList、windowSize={5}、content-visibility,适用于 100+ 项列表。
  4. 记忆化:使用 memo、useMemo、useCallback,避免昂贵计算与不必要重渲染。
  5. 重操作卸载:使用 InteractionManager、setTimeout 处理阻塞 UI 的操作。
  6. 其他主题:状态更新优化、图片优化、异步操作与竞态条件,以及真实 iOS AppHang 案例研究。

使用方式:技能文档给出快速参考表与关键规则。禁止直接对大量条目并发调用 fetchData;应改为将任务包装为函数数组,再用 executeBatched(tasks, 3) 分批执行,示例中并发上限为 3。

内置优化:ListView 已自动设置 windowSize={5},Tabs 与 Dialog 已使用 contentVisibility: 'hidden',这些无需额外操作。

适用场景:网络密集的多 API 调用、长列表渲染、React Native 桥接频繁、UI 阻塞操作、重渲染与内存问题排查。

限制:资料未提供安装命令、版本要求、平台支持范围、收费信息或具体效果数据;详细策略需查阅 performance.md。相关技能包括 /1k-coding-patterns 与 /1k-sentry。