Vercel React Best Practices
davila7/claude-code-templates/cli-tool/components/skills/development/react-best-practices作者 davila78da17d671b6f无许可证32K 个星标收录于 2026年10月8日更新于 2026年10月8日仓库今天更新
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
仅公开文件列表。将技能安装到工作区后即可查看文件内容。
| 路径 | 大小 | 类型 |
|---|---|---|
| AGENTS.md | 59.1 KB | text/markdown |
| metadata.json | 921 B | application/json |
| README.md | 3.3 KB | text/markdown |
| rules/advanced-event-handler-refs.md | 1.4 KB | text/markdown |
| rules/advanced-use-latest.md | 1.2 KB | text/markdown |
| rules/async-api-routes.md | 1.1 KB | text/markdown |
| rules/async-defer-await.md | 2 KB | text/markdown |
| rules/async-dependencies.md | 942 B | text/markdown |
| rules/async-parallel.md | 654 B | text/markdown |
| rules/async-suspense-boundaries.md | 2.5 KB | text/markdown |
| rules/bundle-barrel-imports.md | 2.3 KB | text/markdown |
| rules/bundle-conditional.md | 866 B | text/markdown |
| rules/bundle-defer-third-party.md | 920 B | text/markdown |
| rules/bundle-dynamic-imports.md | 791 B | text/markdown |
| rules/bundle-preload.md | 1.1 KB | text/markdown |
| rules/client-event-listeners.md | 1.9 KB | text/markdown |
| rules/client-swr-dedup.md | 1.1 KB | text/markdown |
| rules/js-batch-dom-css.md | 1.9 KB | text/markdown |
| rules/js-cache-function-results.md | 1.9 KB | text/markdown |
| rules/js-cache-property-access.md | 532 B | text/markdown |
| rules/js-cache-storage.md | 1.6 KB | text/markdown |
| rules/js-combine-iterations.md | 753 B | text/markdown |
| rules/js-early-exit.md | 1.1 KB | text/markdown |
| rules/js-hoist-regexp.md | 1 KB | text/markdown |
| rules/js-index-maps.md | 837 B | text/markdown |
| rules/js-length-check-first.md | 1.7 KB | text/markdown |
| rules/js-min-max-loop.md | 2.1 KB | text/markdown |
| rules/js-set-map-lookups.md | 532 B | text/markdown |
| rules/js-tosorted-immutable.md | 1.7 KB | text/markdown |
| rules/rendering-activity.md | 564 B | text/markdown |
| rules/rendering-animate-svg-wrapper.md | 1.2 KB | text/markdown |
| rules/rendering-conditional-render.md | 980 B | text/markdown |
| rules/rendering-content-visibility.md | 815 B | text/markdown |
| rules/rendering-hoist-jsx.md | 1 KB | text/markdown |
| rules/rendering-hydration-no-flicker.md | 2.3 KB | text/markdown |
| rules/rendering-svg-precision.md | 588 B | text/markdown |
| rules/rerender-defer-reads.md | 973 B | text/markdown |
| rules/rerender-dependencies.md | 824 B | text/markdown |
| rules/rerender-derived-state.md | 724 B | text/markdown |
| rules/rerender-functional-setstate.md | 2.9 KB | text/markdown |
| rules/rerender-lazy-state-init.md | 2 KB | text/markdown |
| rules/rerender-memo.md | 1.1 KB | text/markdown |
| rules/rerender-transitions.md | 1 KB | text/markdown |
| rules/_sections.md | 1.5 KB | text/markdown |
| rules/server-after-nonblocking.md | 2 KB | text/markdown |
| rules/server-cache-lru.md | 1.3 KB | text/markdown |
| rules/server-cache-react.md | 681 B | text/markdown |
| rules/server-parallel-fetching.md | 1.5 KB | text/markdown |
| rules/server-serialization.md | 996 B | text/markdown |
| rules/_template.md | 631 B | text/markdown |
| SKILL.md | 5.1 KB | text/markdown |
来源与署名
来源：davila7/claude-code-templates位于cli-tool/components/skills/development/react-best-practices提交8da17d6
许可证： 无许可证
内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。
更多来自 davila7/claude-code-templates 的技能
React Best Practices
davila7
面向 React 与 Next.js 的性能指南，包含 40 多条关于瀑布请求、打包体积、渲染与重渲染的规则。
Web Performance Optimization
davila7
指导开发者测量并修复网页性能问题，如核心网页指标、打包体积、图片与缓存。
Find Bugs
davila7
审查本地分支改动中的缺陷、安全漏洞与代码质量问题，仅报告发现而不修改代码。
Browser Automation
davila7
指导使用 Playwright 和 Puppeteer 进行浏览器自动化，用于测试、抓取和智能体浏览器控制。
Code Review
davila7
依据 Sentry 工程实践指导代码审查，涵盖安全、性能、测试与设计。
Commit
davila7
按照 Sentry 的约定式提交规范格式化 Git 提交信息，包括问题引用。
更多Software Development技能
Playground
anthropics
构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。
M5 Onboard
anthropics
通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。
Cardputer Buddy
anthropics
指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。
Web Design Guidelines
vercel-labs
依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。
Vercel React Native Skills
vercel-labs
React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。
Vercel React Best Practices
vercel-labs
Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。