用途：这是一份面向 React 与 Next.js 应用的性能优化指南，包含 8 个类别、40 多条规则，规则按影响程度排序，用于指导自动化重构与代码生成。
适用时机：编写新的 React 组件或 Next.js 页面、实现数据获取（客户端或服务端）、审查代码性能问题、重构现有 React/Next.js 代码、优化打包体积或加载时间时参考。
优先级排序：1 消除瀑布流（关键）；2 打包体积优化（关键）；3 服务端性能（高）；4 客户端数据获取（中高）；5 重渲染优化（中）；6 渲染性能（中）；7 JavaScript 性能（低中）；8 高级模式（低）。
关键模式：消除瀑布流方面，延迟 await 到需要时（移入分支）、对独立异步操作使用 Promise.all()、提前启动 Promise 并延后 await、用 better-all 处理部分依赖、用 Suspense 边界流式输出内容。减小打包体积方面，避免桶文件导入（直接从源导入）、对重型组件使用 next/dynamic、延迟非关键第三方库、按用户意图预加载。
服务端模式：用 React.cache() 做每请求去重、用 LRU 缓存做跨请求缓存、减少 RSC 边界的序列化、通过组件组合并行化数据获取。
客户端模式：用 SWR 自动去重请求、将状态读取延迟到使用点、对昂贵值使用惰性状态初始化、使用派生状态订阅、对非紧急更新应用 startTransition。
渲染模式：动画作用于 SVG 包装器而非 SVG 元素本身、对长列表使用 content-visibility: auto、用内联脚本防止水合不匹配、使用显式条件渲染（? : 而非 &&）。
JavaScript 模式：通过类批量修改 DOM CSS、为重复查找构建索引映射、缓存重复函数调用、用 toSorted() 替代 sort() 保持不可变、数组比较前先做长度检查。
限制：资料未提供安装命令、具体代码示例、收费或平台支持等细节，暂未提供。