用途:React 与 Next.js 全栈最佳实践指南(React 19+ / Next.js 15+),面向 2025-2026 生态,在编写新组件或页面、实现数据获取、审查性能问题、重构代码、优化 bundle 与加载时间、迁移到 React 19+/Next.js 15+/Server Components 时使用。
主要能力:包含 8 大类别、60+ 条按影响等级排序的规则。消除请求瀑布(延迟 await、Promise.all 并行、策略性 Suspense 边界、API Route 避免瀑布链、有依赖时最大化并行);Bundle 体积优化(避免 Barrel File 导入、动态导入重型组件、延迟加载非关键第三方库、条件加载、基于用户意图预加载);服务端性能(Server Action 验证身份、最小化 RSC 边界序列化、React.cache() 请求内去重、LRU 跨请求缓存、静态 I/O 提升到模块级、after() 非阻塞、并行数据获取与组件组合);客户端数据获取(SWR/TanStack Query 去重、全局事件监听器去重、Passive Event Listener、localStorage 加版本号);重渲染优化(渲染期间计算派生状态、不在组件内定义组件、useRef 存频繁变化值、useMemo/React.memo、函数式 setState、useState 惰性初始化、缩窄 Effect 依赖、startTransition);渲染性能(content-visibility、静态 JSX 提升、防止 Hydration 闪烁、React 19 Activity 组件、SVG 优化、defer/async、useTransition、显式三元替代 &&、资源提示、suppressHydrationWarning);JavaScript 性能(避免布局抖动、Map/Set 替代数组查找、合并数组迭代、正则提升模块级、flatMap、toSorted、提前返回);高级模式(模块级初始化、Ref 存事件处理器、React 19 useEffectEvent)。另含 React 19+ 新特性(use()、useActionState、useFormStatus、useOptimistic、ref 作为 prop、原生文档元数据)与 Server Components/Next.js 15+ 实战(组件划分、组合模式、缓存策略、PPR、Server Actions)。
使用方式与限制:作为技能在匹配场景自动激活。资料未提供安装命令、技能集成方式或运行步骤,暂未提供。资料未说明收费、平台与效果数据,暂未提供。能力边界声明部分在资料中截断,具体限制暂未提供。