React Best Practices
davila7/claude-code-templates/cli-tool/components/skills/web-development/react-best-practices作者 davila78da17d671b6fMIT32K 个星标收录于 2026年10月8日更新于 2026年10月8日仓库今天更新
Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering. Use when optimizing React apps, reviewing performance, or refactoring components.
仅公开文件列表。将技能安装到工作区后即可查看文件内容。
| 路径 | 大小 | 类型 |
|---|---|---|
| references/react-performance-guidelines.md | 45.8 KB | text/markdown |
| references/rules/advanced-event-handler-refs.md | 960 B | text/markdown |
| references/rules/advanced-use-latest.md | 1.2 KB | text/markdown |
| references/rules/async-api-routes.md | 1.1 KB | text/markdown |
| references/rules/async-defer-await.md | 2 KB | text/markdown |
| references/rules/async-dependencies.md | 942 B | text/markdown |
| references/rules/async-parallel.md | 654 B | text/markdown |
| references/rules/async-suspense-boundaries.md | 1.6 KB | text/markdown |
| references/rules/bundle-barrel-imports.md | 2.3 KB | text/markdown |
| references/rules/bundle-conditional.md | 870 B | text/markdown |
| references/rules/bundle-defer-third-party.md | 922 B | text/markdown |
| references/rules/bundle-dynamic-imports.md | 791 B | text/markdown |
| references/rules/bundle-preload.md | 1.1 KB | text/markdown |
| references/rules/client-event-listeners.md | 1.9 KB | text/markdown |
| references/rules/client-swr-dedup.md | 1.1 KB | text/markdown |
| references/rules/download_rules.sh | 3.3 KB | text/plain |
| references/rules/js-batch-dom-css.md | 1.9 KB | text/markdown |
| references/rules/js-cache-function-results.md | 1.9 KB | text/markdown |
| references/rules/js-cache-property-access.md | 532 B | text/markdown |
| references/rules/js-cache-storage.md | 1.6 KB | text/markdown |
| references/rules/js-combine-iterations.md | 753 B | text/markdown |
| references/rules/js-early-exit.md | 1.1 KB | text/markdown |
| references/rules/js-hoist-regexp.md | 994 B | text/markdown |
| references/rules/js-index-maps.md | 837 B | text/markdown |
| references/rules/js-length-check-first.md | 1.7 KB | text/markdown |
| references/rules/js-min-max-loop.md | 2.1 KB | text/markdown |
| references/rules/js-set-map-lookups.md | 532 B | text/markdown |
| references/rules/js-tosorted-immutable.md | 1.7 KB | text/markdown |
| references/rules/rendering-activity.md | 564 B | text/markdown |
| references/rules/rendering-animate-svg-wrapper.md | 1.2 KB | text/markdown |
| references/rules/rendering-conditional-render.md | 983 B | text/markdown |
| references/rules/rendering-content-visibility.md | 822 B | text/markdown |
| references/rules/rendering-hoist-jsx.md | 819 B | text/markdown |
| references/rules/rendering-hydration-no-flicker.md | 2.3 KB | text/markdown |
| references/rules/rendering-svg-precision.md | 591 B | text/markdown |
| references/rules/rerender-defer-reads.md | 973 B | text/markdown |
| references/rules/rerender-dependencies.md | 827 B | text/markdown |
| references/rules/rerender-derived-state.md | 724 B | text/markdown |
| references/rules/rerender-lazy-state-init.md | 2 KB | text/markdown |
| references/rules/rerender-memo.md | 935 B | text/markdown |
| references/rules/rerender-transitions.md | 1 KB | text/markdown |
| references/rules/_sections.md | 1.5 KB | text/markdown |
| references/rules/server-cache-lru.md | 1011 B | text/markdown |
| references/rules/server-cache-react.md | 679 B | text/markdown |
| references/rules/server-parallel-fetching.md | 1.5 KB | text/markdown |
| references/rules/server-serialization.md | 826 B | text/markdown |
| references/rules/_template.md | 631 B | text/markdown |
| SKILL.md | 7.2 KB | text/markdown |
来源与署名
来源：davila7/claude-code-templates位于cli-tool/components/skills/web-development/react-best-practices提交8da17d6
许可证： MIT
内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。
更多来自 davila7/claude-code-templates 的技能
Web Performance Optimization
davila7
指导开发者测量并修复网页性能问题，如核心网页指标、打包体积、图片与缓存。
Find Bugs
davila7
审查本地分支改动中的缺陷、安全漏洞与代码质量问题，仅报告发现而不修改代码。
Browser Automation
davila7
指导使用 Playwright 和 Puppeteer 进行浏览器自动化，用于测试、抓取和智能体浏览器控制。
Code Review
davila7
依据 Sentry 工程实践指导代码审查，涵盖安全、性能、测试与设计。
Commit
davila7
按照 Sentry 的约定式提交规范格式化 Git 提交信息，包括问题引用。
Scikit Learn
davila7
指导使用 scikit-learn 进行经典机器学习，涵盖预处理、模型训练、评估与流水线。
更多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 条规则的形式用于编写、审查和重构代码。