SuperAPI AI 工具集

react-knowledge-patch

前端与建站

查看项目

更新于 10-16 01:35

技能介绍

此技能为 React 实现决策提供快速参考,并指向各主题文件以查看完整约束与边界情况。

用途:辅助 React 开发者在实现前快速确认新特性、迁移要点与配置变更。

主要能力:

  1. Activity 与 Effect Events:用 <Activity> 保留隐藏 UI 的组件与 DOM 状态、预热 Suspense 数据与懒加载代码,隐藏态下以 display:none 隐藏 DOM 并清理 Effect;useEffectEvent 让回调读取最新 props/state 而不进入依赖数组,但不可在渲染或普通事件中调用。
  2. 编译器与 lint:Hooks ESLint v6 使用 flat-config 预设,eslintrc 项目需显式选 legacy 预设;移除 eslint-plugin-react-compiler,编译器 lint 已并入 eslint-plugin-react-hooks。
  3. React 19 迁移:useId 默认前缀改为 r,需更新快照或暴露生成 ID 的逻辑。
  4. 安全:具备 RSC 能力的框架、打包器或插件即使未声明 Server Functions 也可能受影响,需共同升级 react、react-dom 与 react-server-dom-webpack 等传输包及集成插件,并以最新补丁版本为目标;纯客户端且无 RSC 集成的应用不受影响,React Native monorepo 规则更窄。
  5. 服务端渲染:prerender 返回可缓存 prelude 与 postponed 状态,可用 resume 系列 API 续渲染;缓存层可用 cacheSignal() 在渲染结束、中止或失败时取消工作。
  6. 工具与平台:Chrome DevTools 提供 React Scheduler 与 Components 性能轨道;React Native 0.82 仅支持新架构。
  7. View Transitions:仅 Canary 与 DOM,需由 Transition、useDeferredValue 或 Suspense 揭示驱动;共享元素需匹配唯一 name,路由须在 useLayoutEffect 解除导航阻塞。

限制:View Transitions 仍为 Canary 且仅限 DOM;React Native 0.82 只支持新架构,Hermes V1 为实验性支持;缓存取消 API 仅限 RSC。资料未提供收费、价格与平台信息。