开发自动化

React 最佳实践

围绕 React 组件结构、状态组织和工程习惯做系统化约束。

分类
开发与自动化
来源仓库
Vercel
标签
3
  • react
  • frontend
  • best-practices

快速信息

分类

开发与自动化

适合处理

React 组件设计、状态组织和工程实践

来源仓库

Vercel

标签

react, frontend, best-practices

为什么会用到它

这个 skill 的源码本质上是一套 React / Next.js 性能规则集,不是 UI 风格说明。它整理了 65 条规则,按优先级分成 8 类,最先抓的是 async waterfalls、bundle size 和 server-side performance。

所以它真正适合的场景是代码评审、重构和性能优化:比如数据获取怎么并行、哪些 import 要拆、哪些逻辑该留在服务端、哪些 rerender 可以消掉。它是拿来抓具体性能问题的,不是拿来写空泛“最佳实践”废话的。

来源链接

这些按钮会直接打开已经核实存在的 GitHub skill 目录。

GitHub

Vercel

直达 Vercel 中的 react-best-practices skill 目录。

react-best-practices

官方

打开 GitHub