react-best-practices
React Best Practices 是一份面向现代 React 与 Next.js 应用开发的综合实践指南,覆盖性能优化、组件架构、shadcn/ui 模式、Motion 动画、无障碍访问以及 React 19+ 新特性。指南按优先级将规则分为十个类别:组件架构、消除瀑布流、包体积优化(均为关键级),服务端组件与 Actions、shadcn/ui 模式(高级),状态管理(中高级),以及动画、重渲染优化、无障碍、TypeScript 模式(中级)。每条规则配有前缀标识(如 arch-、async-、bundle-),并给出正确与错误代码示例,帮助开发者在编写组件、实现数据获取、构建 UI、添加动画、代码审查、重构和优化加载时间时参考。