Workleap 的单页应用程序 (SPA) 的 React 性能优化指南。在编写、审查或重构 React SPA 代码时使用，以确保最佳性能模式。触发涉及 React 组件、状态管理、捆绑优化、重新渲染预防、渲染性能或 JavaScript 性能改进的任务。涵盖异步瀑布消除、包大小减少、重新渲染优化、渲染效率、JS 微优化和高级 React 模式。不涵盖服务器端渲染 (SSR)、Next.js 或服务器组件。
通过命令行快速安装 workleap-react-best-practices AI 技能到你的开发环境
来源：workleap/wl-web-configs。
Performance optimization guide for React Single Page Applications (SPA), tailored for Workleap's SPA-first architecture.
| 1 | Eliminating Waterfalls | CRITICAL | async-rules.md | | 2 | Bundle Size Optimization | CRITICAL | bundle-rules.md | | 3 | Re-render Optimization | MEDIUM | rerender-rules.md | | 4 | Rendering Performance | MEDIUM | rendering-rules.md | | 5 | JavaScript Performance | LOW-MEDIUM | js-rules.md | | 6 | Advanced Patterns | LOW | advanced-rules.md |
Waterfalls are the #1 performance killer. Each sequential await adds full network latency.
Workleap 的单页应用程序 (SPA) 的 React 性能优化指南。在编写、审查或重构 React SPA 代码时使用，以确保最佳性能模式。触发涉及 React 组件、状态管理、捆绑优化、重新渲染预防、渲染性能或 JavaScript 性能改进的任务。涵盖异步瀑布消除、包大小减少、重新渲染优化、渲染效率、JS 微优化和高级 React 模式。不涵盖服务器端渲染 (SSR)、Next.js 或服务器组件。 来源：workleap/wl-web-configs。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/workleap/wl-web-configs --skill workleap-react-best-practicesWorkleap 的单页应用程序 (SPA) 的 React 性能优化指南。在编写、审查或重构 React SPA 代码时使用，以确保最佳性能模式。触发涉及 React 组件、状态管理、捆绑优化、重新渲染预防、渲染性能或 JavaScript 性能改进的任务。涵盖异步瀑布消除、包大小减少、重新渲染优化、渲染效率、JS 微优化和高级 React 模式。不涵盖服务器端渲染 (SSR)、Next.js 或服务器组件。 来源：workleap/wl-web-configs。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/workleap/wl-web-configs --skill workleap-react-best-practices 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/workleap/wl-web-configs