该技能用于指导 React 应用的性能优化，目标是通过业界最佳实践构建高性能、可扩展的 React 应用。
主要能力覆盖多个方向：使用 React.memo 进行组件记忆化并按需编写自定义比较函数；使用 useMemo 缓存昂贵计算（如过滤、排序、聚合统计）；使用 useCallback 保持函数引用稳定，避免子组件无谓重渲染；使用 React.lazy 与 Suspense 做代码分割、路由级懒加载与悬停预加载，并支持嵌套 Suspense 边界；使用 react-window 的 FixedSizeList、VariableSizeList 配合 AutoSizer 实现大列表虚拟滚动；使用 Profiler API 采集渲染耗时并上报慢渲染；打包体积优化（动态 import 大库、可 tree-shaking 的按需导入、webpack magic comments 命名 chunk）；图片懒加载与渐进式加载；useTransition 与 useDeferredValue 处理非紧急更新；自定义 useDebounce、useThrottle 钩子；以及拆分 Context、记忆化 dispatch 以降低重渲染范围。
用法上以 React 组件与 TypeScript 代码示例呈现各类优化手法，按场景选择对应方案。
限制：资料未提供安装命令、包管理方式、版本要求、收费信息与性能基准数据，相关内容暂未提供。