用途:该技能汇总 react.dev 与 Vercel Engineering 的 React 性能模式与准则,适用于审查 React 代码、排查性能问题、优化包体积以及编写 React 代码等场景。
主要能力:内容按优先级分为四档。关键级包括避免不必要的 effect、消除请求瀑布、并行数据获取、避免 barrel 导入;高优先级包括 React 编译器(19+)自动记忆化、动态导入代码分割、按用户意图预加载、策略性使用 memo()、服务端缓存;中优先级包括状态结构、不可变更新、Context 拆分、startTransition、Set/Map 查找、列表 key 模式;低优先级包括 content-visibility、水合闪烁、静态 JSX 提升。
使用方式:提供速查表与决策树,可按问题定位对应参考文件,例如写 useEffect 时查看 effect-pitfalls.md,初始加载慢时先查请求瀑布、包体积与预加载,交互卡顿时检查重渲染、Context 与 transition,长列表卡顿使用 content-visibility。参考文件共 19 个,可用 grep -l "keyword" references/ 搜索规则;主要文件包括 hooks-guide.md、effect-pitfalls.md、react-compiler.md、state-structure.md、immutable-updates.md 等。
限制:相关资料未提供安装命令、收费与价格信息,也未给出具体平台支持范围;某些条目(如 React 编译器)依赖 React 19+ 版本。实际采用前需结合项目版本与场景判断。