用途：识别 React 应用中的渲染热点，隔离昂贵更新，并在不改变界面行为的前提下应用针对性优化。适用于被要求做性能分析、排查慢渲染、重复渲染、列表卡顿或昂贵计算的场景。
主要能力与工作流：先复现或描述变慢现象；找出触发重渲染的原因（状态更新、props 频繁变化、副作用）；把快速变化的状态与重型子树隔离；稳定 props 与事件处理器，在确有收益处做记忆化；减少昂贵工作（计算、DOM 体积、列表长度）。
检查清单：用 React DevTools Profiler 或日志测量并记录基线；定位由定时器、滚动、输入或动画触发的状态更新；把跳动的状态移入子组件，保持重型列表静态；仅在 props 稳定时用 memo 包裹叶子行；用 useCallback/useMemo 稳定处理器与派生值；避免在渲染中做派生计算；对长列表做窗口化/虚拟化，避免渲染隐藏项；使用稳定 key，顺序可变时避免用索引；检查副作用依赖数组；留意昂贵的布局抖动或大型 Markdown/diff 渲染。
验证方式：打开 React DevTools Profiler，点击 Record 执行慢交互后 Stop，在 Flamegraph 中查看渲染时间超过约 16 ms 的组件，用 Ranked 图按自身渲染时间排序定位主要问题；每次只应用一项优化，重新录制并与基线对比渲染次数与耗时。
限制：资料未提供该技能的安装方式、依赖要求、支持平台或收费信息；具体重构示例需加载 references/examples.md。