用途：这是面向 React 单页应用（SPA）的性能优化指南，针对 Workleap 的 SPA 优先架构整理。在编写新 React 组件、审查代码性能问题、重构已有 React 代码、优化包体积或加载时间、排查不必要的重渲染时使用。
主要能力（按优先级）：
- 消除瀑布请求（关键）：把 await 移入真正使用的分支；独立异步操作用 Promise.all() 并发；基于依赖做并行；尽早启动 Promise、延后 await。
- 包体积优化（关键）：按路由做代码分割；避免 barrel 文件导入，直接从源文件导入；用 React.lazy 懒加载重组件；按条件加载模块；在 hover/focus 时预加载重包。
- 重渲染优化（中等）：延后状态读取、抽取记忆化组件、提升默认非原始类型 props、收窄 effect 依赖、订阅派生状态、渲染期计算派生状态、函数式 setState、惰性状态初始化、简单表达式跳过 useMemo、把逻辑放进事件处理器、用 startTransition 处理非紧急更新、瞬时值用 useRef。
- 渲染性能（中等）：动画包裹 SVG 的 div；长列表用 CSS content-visibility；提升静态 JSX；降低 SVG 坐标精度；实验性 Activity 组件；条件渲染用三元而非 &&；加载态用 useTransition。
- JavaScript 性能（低到中）：避免布局抖动；用 Map 建索引；缓存属性访问与函数结果；缓存 localStorage/sessionStorage 读取；合并数组遍历；提前长度检查与提前返回；提升 RegExp；求最值用循环；Set/Map 查找；用 toSorted() 保证不可变。
- 高级模式（低）：事件处理器 refs、仅初始化一次、稳定回调 refs。
使用方式：每条规则类别对应一个参考文件，如需详细规则与代码示例，可查阅 references/async-rules.md、references/bundle-rules.md、references/rerender-rules.md、references/rendering-rules.md、references/js-rules.md、references/advanced-rules.md。
限制：资料未提供安装命令、平台支持、收费与价格等信息。