# React Modernization

> 精通 React 版本升级、class 到 hooks 迁移、并发特性采用及 codemod 自动化重构。触发词：React升级、hooks迁移、class转函数组件、并发特性、codemod、React现代化、TypeScript迁移、React 18

- Skill: `kscz0000/react-modernization` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add kscz0000/react-modernization`
- Raw SKILL.md: https://api.skillmd.com/api/skills/kscz0000/react-modernization/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: kscz0000 (https://skillmd.com/u/kscz0000)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/kscz0000/react-modernization

---


# React 现代化

精通 React 版本升级、class 到 hooks 迁移、并发特性采用及 codemod 自动化重构。

## 使用场景

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

## 不适用场景

- 任务与 React 现代化无关
- 需要本技能范围之外的其他领域或工具

## 指引

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

## 资源

- `resources/implementation-playbook.md` 包含详细模式和示例。

## 局限性
- 仅在任务明确匹配上述范围时使用此技能。
- 不要将输出视为环境特定验证、测试或专家审查的替代品。
- 如果缺少必要输入、权限、安全边界或成功标准，请停下来要求澄清。