关于 react-modernization
面向 React 应用现代化的开发者 Skill，涵盖版本升级、迁移至 Hooks、并发特性、Codemod、状态管理模式、TypeScript 和性能改进。
主要功能
- 01React 版本升级指导
- 02类组件迁移至 Hooks
- 03采用并发特性
- 04使用 Codemod 重构
- 05状态管理模式现代化
- 06TypeScript 与性能更新
适用场景
- 01规划 React 应用升级
- 02将类组件迁移至 Hooks
- 03采用 Suspense 或 transitions
- 04用 Codemod 自动化重复重构
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/react-modernization确认已加载。
附带文件resources/implementation-playbook.md
详细介绍
React 现代化
精通 React 版本升级、从 class 到 hooks 的迁移、并发特性的采用，以及用于自动化转换的 codemod。
何时使用此技能
- 将 React 应用升级到最新版本
- 将 class 组件迁移为带 hooks 的函数组件
- 采用 React 并发特性（Suspense、transitions）
- 应用 codemod 进行自动化重构
- 现代化状态管理模式
- 升级到 TypeScript
- 利用 React 18+ 特性提升性能
何时不要使用此技能
- 任务与 react 现代化无关
- 你需要此范围之外的其它领域或工具
说明
- 明确目标、约束条件和所需输入。
- 应用相关最佳实践并验证结果。
- 提供可执行的步骤和验证方法。
- 如果需要详细示例，请打开
resources/implementation-playbook.md。
资源
resources/implementation-playbook.md中包含详细的模式和示例。
限制
- 仅当任务明确符合上述范围时才使用此技能。
- 不要将输出视为针对特定环境的验证、测试或专家评审的替代品。
- 如果缺少所需输入、权限、安全边界或成功标准，请停下来并请求澄清。
评论
支持 Markdown