SuperAPI AI 工具集

react-best-practices

前端与建站

查看项目

更新于 10-16 09:51

技能介绍

用途:这是面向客户端 React 应用的性能优化指南,改编自 Vercel 工程指南,并过滤为仅适用于客户端 React + Vite(不含 Next.js / SSR)。

适用时机:编写新的 React 组件或 Hook;审查代码中的性能问题;重构现有 React 代码;优化包体积或渲染性能;编写或审查 useEffect 用法。

主要能力:包含 47 条规则,按优先级与影响分为 8 类,并带前缀标识:1. 消除瀑布流(CRITICAL,async-);2. 包体积优化(CRITICAL,bundle-);3. 客户端数据获取(MEDIUM-HIGH,client-);4. 重渲染优化(MEDIUM,rerender-);5. useEffect 模式(MEDIUM,useeffect-);6. 渲染性能(MEDIUM,rendering-);7. JavaScript 性能(LOW-MEDIUM,js-);8. 高级模式(LOW,advanced-)。具体条目如 async-parallel、bundle-barrel-imports、client-swr-dedup、rerender-memo、useeffect-anti-patterns、rendering-content-visibility、js-batch-dom-css、advanced-use-latest 等。

使用方式:查阅各参考文件以获取详细说明与代码示例,例如 references/async-parallel.md、references/rerender-derived-state-no-effect.md、references/useeffect-anti-patterns.md。每个参考文件包含:重要性简述、带说明的错误代码示例、带说明的正确代码示例,以及额外背景与参考。

限制:资料未提供安装命令、收费或价格信息;官方文本暂未提供。