react-best-practices
✓来自react.dev 和Vercel 的React 最佳实践。在以下情况下使用：(1) 检查 React 代码，(2) 调试性能问题，(3) 优化包大小，(4) 编写效果或状态逻辑。触发条件：React 性能、重新渲染、包大小、瀑布、代码分割、备忘录、useCallback、useMemo、useEffect、SSR 闪烁、初始加载缓慢、React 编译器、状态结构、不可变更新、setState 数组对象。
SKILL.md
Performance patterns and guidelines from react.dev and Vercel Engineering.
| Avoid unnecessary effects | Render cycles, bugs | effect-pitfalls.md | | Eliminate waterfalls | First paint, TTI | async-waterfall-elimination.md | | Parallel data fetching | Load time | async-parallel-requests.md | | Avoid barrel imports | Bundle size | bundle-barrel-imports.md |
| React Compiler (19+) | Auto memoization | react-compiler.md | | Dynamic imports | Code splitting | bundle-dynamic-import.md | | Preload on user intent | Perceived latency | bundle-preload.md | | Strategic memo() | Render perf | rerender-memo-strategy.md | | Server caching | Server response | server-cache-patterns.md |
来自react.dev 和Vercel 的React 最佳实践。在以下情况下使用：(1) 检查 React 代码，(2) 调试性能问题，(3) 优化包大小，(4) 编写效果或状态逻辑。触发条件：React 性能、重新渲染、包大小、瀑布、代码分割、备忘录、useCallback、useMemo、useEffect、SSR 闪烁、初始加载缓慢、React 编译器、状态结构、不可变更新、setState 数组对象。 来源：ahonn/dotfiles。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/ahonn/dotfiles --skill react-best-practices- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-03
- 更新时间
- 2026-02-18
快速解答
什么是 react-best-practices？
来自react.dev 和Vercel 的React 最佳实践。在以下情况下使用：(1) 检查 React 代码，(2) 调试性能问题，(3) 优化包大小，(4) 编写效果或状态逻辑。触发条件：React 性能、重新渲染、包大小、瀑布、代码分割、备忘录、useCallback、useMemo、useEffect、SSR 闪烁、初始加载缓慢、React 编译器、状态结构、不可变更新、setState 数组对象。 来源：ahonn/dotfiles。
如何安装 react-best-practices？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/ahonn/dotfiles --skill react-best-practices 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/ahonn/dotfiles