SkillπEnglish
THE SKILL DIRECTORY

技能目录

从你要完成的任务出发,发现 Agent 技能。查看原始来源、了解使用说明,再选择下一步。

10 条技能 · React清除筛选 ×
deepskill授权

React 旧版 Context 迁移

提供从 React 旧版 Context API(contextTypes、childContextTypes、getChildContext)迁移到现代 createContext API 的完整模式。当迁移类组件中的旧版 Context 时使用;这始终是跨文件迁移,需要同时更新提供者与全部消费者。在修改任何 contextTypes 或 childCon

ai-labReactContext API代码迁移类组件跨文件前端开发
↓ 0👍 0
◇ 来源证据已核对↗
deepskill授权

GSAP 与 Motion 滚动动画

当用户想构建滚动动画、滚动效果、视差、滚动触发的内容呈现、固定区块、横向滚动、文字动画或任何与滚动位置关联的动效时使用,适用于原生 JavaScript、React 或 Next.js。涵盖 GSAP ScrollTrigger 的固定、滚动联动、吸附、时间轴、横向滚动、ScrollSmoother、matchMedia,以及 Framer Motion /

ai-lab滚动动画GSAPFramer Motion视差效果ReactNext.jsScrollTriggeruseScroll前端动效
↓ 0👍 0
◇ 来源证据已核对↗
deepskill授权

React 18.3.1 / 19 字符串 ref 迁移模式

依据类组件模式,将字符串 ref 和 this.refs 访问迁移为 React.createRef()。

ai-labReact字符串ref迁移助手React18createRef类组件JSX
↓ 0👍 0
◇ 来源证据已核对↗
deepskill授权

React 依赖兼容性

React 18.3.1 和 React 19 的依赖兼容性矩阵。

ai-labReact依赖管理版本兼容npm前端开发升级指南
↓ 0👍 0
◇ 来源证据已核对↗
deepskill授权

React 18 Enzyme 迁移至 React Testing Library

在 React 18 升级中把 Enzyme 测试重写为 React Testing Library 行为测试,参考查询优先级、Provider 包装及 API 映射。

ai-labReact测试迁移EnzymeRTL单元测试API映射
↓ 0👍 0
◇ 来源证据已核对↗
deepskill授权

React Container/Presentation 组件脚手架

按 Container/Presentation 模式在 src/components 下生成 ui 或 features 组件,组织 TypeScript、SCSS 和 Storybook 文件。

ai-labReact组件开发TypeScriptStorybookSCSS容器展示模式前端架构
↓ 0👍 0
◇ 来源证据已核对↗
deepskill授权

React 迁移审计 grep 扫描模式

为 React 18.3.1 或 React 19 升级审计查阅 grep 模式,检查弃用 API、生命周期方法、批处理、测试和依赖冲突。

ai-labReact代码审计grep迁移升级API弃用生命周期依赖冲突
↓ 0👍 0
◇ 来源证据已核对↗
deepskill授权

Power Apps Code App 项目脚手架

为 Power Apps Code App 生成脚手架,组织 PAC CLI 初始化、SDK 集成与连接器配置。

ai-labPowerAppsPAC CLITypeScriptReact连接器脚手架ViteFluent UI
↓ 0👍 0
◇ 来源证据已核对↗
deepskill授权

JavaScript 与 TypeScript Jest 测试指引

审阅 Jest 的测试结构、模拟策略,以及 JavaScript/TypeScript 常见测试模式。

ai-labJest单元测试JavaScriptTypeScriptReact测试框架异步测试
↓ 0👍 0
◇ 来源证据已核对↗
github免费

React Best Practices · 性能优化

依据 Vercel 的优先级规则检查 React 与 Next.js 代码,关注请求瀑布、包体积、渲染和数据获取模式。

ReactNext.js性能Performance
↓ 0👍 0
◇ 来源证据已核对↗