SuperAPI AI 工具集

react

前端与建站

查看项目

更新于 10-15 17:27

技能介绍

用途:提供构建现代 React 应用所需的 React 19 核心模式,重点覆盖 hooks、Suspense、懒加载与 TypeScript。资料同时列出 React 19(2024 年 12 月发布)的破坏性变更:不再需要 forwardRef,可直接以 prop 传递 ref;移除 propTypes(会被静默忽略);需要新的 JSX 转换;不鼓励 React.FC,改用直接函数组件。

适用时机:创建 React 组件、使用 useState/useEffect/useCallback/useMemo 等 hooks、实现懒加载与代码分割、使用 Suspense 边界、采用 React 相关 TypeScript 模式、进行性能优化。

主要能力与用法:组件采用带类型 props 的函数组件,定义 Props 与本地 state 接口,用 useCallback 包装传给子组件的处理器,用 useMemo 缓存昂贵计算,重量级组件用 lazy(() => import()) 懒加载并包在 Suspense 的 fallback 中,默认导出置于底部,禁止条件调用 hooks。懒加载与代码分割支持单组件、多路由与按功能模块切分;Suspense 可嵌套实现细粒度加载,并可配合 ErrorBoundary。TypeScript 部分覆盖 props、children、事件处理器与 useRef、自定义 hooks 返回类型。性能部分介绍 React.memo 及自定义比较函数,并用 useCallback 保持函数引用稳定。常见陷阱包括条件调用 hooks、缺失依赖、直接修改 state、用 index 作 key。文件组织建议按功能划分 features、components、hooks、types。

限制:资料未提供安装命令、收费、价格与效果数据;除已列变更与模式外,未提及具体版本支持范围或平台信息。