SuperAPI AI 工具集

react-advanced

前端与建站

查看项目

更新于 10-15 17:28

技能介绍

该技能面向已掌握 React 基础的开发者,聚焦 React 19(2024 年 12 月)与 React Compiler 1.0(2025 年 10 月稳定)时代的平台能力与渲染架构。核心内容:React Compiler 作为构建期工具自动进行细粒度记忆化,随意的 useMemo/useCallback/React.memo 手动记忆化在新代码中已成为反模式;手动记忆化仅作为逃生舱保留,用于效果依赖稳定性或编译器无法静态分析的代码。采用路径:安装 eslint-plugin-react-hooks v6+,修复 Rules of React 违规,再在构建中启用编译器。并发渲染部分介绍 useTransition(含异步转换中 await 后状态更新逃逸的陷阱)、useDeferredValue、Suspense for data 及流式 SSR 概念。React 19 API 涵盖 use()(可条件调用、不可置于 try/catch)、Actions(useActionState、useOptimistic、useFormStatus、form action)、ref 作为普通 prop(forwardRef 弃用)、Context value 写法与原生元数据。组件模式包括复合组件、context 过度渲染的结构化修复(记忆化 value、按变更频率拆分 context)、错误边界与 Portal。性能部分涉及虚拟化、按路由代码分割与生产构建分析。RSC 边界按模块图定义,要求跨越 prop 可序列化、校验服务端函数输入并锁定 React 版本。框架层接线(缓存、路由、数据获取)交由 Next.js 相关技能,核心钩子教程交由 react-core。资料未提供具体收费与价格信息。