react-performance

该技能是一份 React 与 Next.js 性能优化指南，按影响程度分为五个优先级。优先级一（关键）：消除串行异步瀑布，将 await 移到使用点、用 Promise.all 并行独立请求、用 Suspense 流式渲染慢数据、对部分依赖先启动独立任务。优先级二（关键）：控制打包体积，避免从 barrel 文件导入而改用直接路径导入，用 next/dynamic 对重组件做代码分割，延后第三方脚本加载，在 hover/focus 意图时预取。优先级三（高）：服务端性能，用 React.cache() 做请求级去重，只向客户端组件传必要字段以减少序列化，用 next/server 的 after() 执行不阻塞响应的后台工作。优先级四（中）：减少重渲染，在渲染中派生状态而非用 effect，使用回调式 setState 与稳定引用，依赖数组用原始值，惰性初始化 state，用 memo 记忆昂贵组件，用 useTransition 处理可延迟更新。优先级五（中低）：渲染性能，对长列表用 content-visibility，将静态 JSX 提升到组件外，条件渲染优先用三元而非 &&。整体以「问题—修复—优先级」速查表收尾。资料未提供安装命令、许可与计费信息。