vercel-react-best-practices
基于 Vercel Engineering 的 React 与 Next.js 性能规则,覆盖瀑布请求、包体、重复渲染和进阶优化。
适合写 React/Next.js 页面与性能排查时。
从 React 性能、组件组合、设计系统到浏览器测试,适合把前端界面做成可上线、可维护的产品。
6 个结果
基于 Vercel Engineering 的 React 与 Next.js 性能规则,覆盖瀑布请求、包体、重复渲染和进阶优化。
适合写 React/Next.js 页面与性能排查时。
把布尔属性过多的组件重构为可组合 API,整理复合组件、render props 和 Context 模式。
适合重构复杂组件接口时。
为新界面或改版提供前端视觉方向,强调差异化、明确意图的设计判断与界面打磨。
适合适合新 UI 设计和视觉润色。
用于审查 UI 代码是否符合 Web Interface Guidelines,覆盖间距、字体、交互与无障碍要求。
适合适合检查 Web 界面规范。
面向本地 Web 应用的测试工具,结合 Playwright 进行单元、集成和端到端验证,适合检查页面交互与回归问题。
适合测试本地 Web 应用时。
通过 Playwright CLI 控制实时浏览器,录制、检查并回放交互,便于定位网页行为问题。
适合适合浏览器录制与回放调试。