mcpField
R
react-modernization

react-modernization

github.com/rmyndharis开发1.9k43 次安装2 周前更新
代码仓库

关于 react-modernization

面向 React 应用现代化工作的技能，涵盖版本升级、类组件迁移、并发特性采用及自动化重构，并提供验证建议。

主要功能

  1. 01升级 React 应用版本
  2. 02将类组件迁移到 Hooks
  3. 03采用 Suspense 和 transitions
  4. 04使用 codemods 自动化转换
  5. 05更新状态管理并迁移 TypeScript

适用场景

  1. 01升级现有 React 应用
  2. 02将类组件重构为函数组件
  3. 03采用 React 并发特性
  4. 04迁移到 TypeScript 并改进性能

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/rmyndharis/antigravity-skills --skill react-modernization

安装后在 Claude Code 中输入/react-modernization确认已加载。

附带文件resources/implementation-playbook.md

详细介绍

React 现代化

掌握 React 版本升级、从类组件迁移到 Hooks、采用并发特性，以及使用 codemod 自动转换。

适用场景

  • 将 React 应用升级到最新版本
  • 将类组件迁移为使用 Hooks 的函数组件
  • 采用 React 并发特性（Suspense、transitions）
  • 使用 codemod 自动重构
  • 现代化状态管理模式
  • 更新为 TypeScript
  • 利用 React 18+ 特性提升性能

不适用场景

  • 任务与 React 现代化无关
  • 需要使用此范围之外的其他领域或工具

说明

  • 明确目标、约束条件和所需输入。
  • 应用相关最佳实践并验证结果。
  • 提供可执行的步骤和验证方法。
  • 如需详细示例，请打开 resources/implementation-playbook.md。

资源

  • resources/implementation-playbook.md：提供详细模式和示例。

评论

支持 Markdown