SuperAPI AI 工具集

advanced-react

前端与建站

查看项目

更新于 10-16 03:04

技能介绍

用途:把《Advanced React》(Nadia Makarevich,2023)用于一次 React 改动,产出命名的组合形态、与之匹配的代码,或引用书中规则的评审;不是泛泛的 React 风格检查,也不是 React 19 Compiler 配置。

主要能力:先检测目标仓库事实——读取 package.json(react 范围宽松时读 lockfile),记录 React 主版本、是否装有 Compiler(babel-plugin-react-compiler 或对应 Vite/Next 插件、eslint 编译器规则)、服务端状态/状态库(TanStack Query、SWR、Apollo、RTK Query、Zustand、Jotai、Redux Toolkit 或无)、UI 库(MUI、Radix、Headless UI、shadcn/ui、Chakra、Ant 或手写)。据查询选择模式:设计组件形态走 plan-mode;编写或修改组件走 implement-mode;评审计划或 diff 走 review-mode。

使用方式:两个核心锚点——重渲染误区(状态更新会重渲染拥有者及所有嵌套组件,无论是否传 props;props 仅在 React.memo 参与时被参考)与组合优先(结构性隔离优于 memo 化,memo 是组合阶梯失败后的最后手段)。自定义 hook 并不移动状态。书中对应 React 17/18;检测到的版本或 Compiler 与之冲突时,以检测到的框架文档行为为准并说明。

适用场景与限制:适合组件设计、状态放置、重渲染与异步查错。不优化廉价且少渲染的组件;不把自定义 hook 当作已移动状态;cloneElement 注入默认值仅限最简单默认值;forwardRef 在 React 19 前必需、19 起不必要。该书不替代 react,Compiler bailouts、Actions、use()、Rules of React 仍以官方为准。

分类:编程与开发。