react-modernization
升级React应用至最新版本，将类组件迁移为钩子函数，并引入并发特性。适用于现代化React代码库、迁移至React Hooks或升级至最新React版本的场景。
React 现代化改造
技能概述
帮助开发者将 React 应用升级到最新版本，从类组件平滑迁移到 Hooks，并充分利用 React 18+ 的并发特性提升性能。
适用场景
-
老版本 React 项目升级 当你的项目使用 React 15/16/17，需要升级到 React 18+ 以获得新特性和性能提升时，此技能可提供完整的升级路径和兼容性检查方案。
-
类组件到 Hooks 重构 当团队决定采用函数组件和 Hooks 编码风格，需要将大量类组件迁移时，此技能可提供手动重构指南和自动化 codemod 工具使用方案。
-
采用 React 并发特性 当希望使用 Suspense、Transitions、Concurrent Rendering 等 React 18+ 新特性来改善用户体验和应用性能时，此技能可提供最佳实践和实施策略。
核心功能
-
版本升级规划与执行 提供从旧版本到 React 18+ 的详细升级步骤，包括依赖包更新、破坏性变更处理和兼容性测试策略，确保升级过程平滑可控。
-
代码模式现代化 涵盖类组件到函数组件的转换、生命周期到 useEffect 的映射、状态管理从 setState 到 Hooks 的重构，以及 TypeScript 类型定义的迁移。
-
并发特性应用 指导如何正确使用 Suspense 处理数据加载、Transitions 优化用户交互、并发模式提升渲染性能，以及自动批处理等 React 18+ 核心能力。
常见问题
React 升级会破坏现有功能吗？
升级 React 版本本身不会破坏代码，但需要处理破坏性变更。React 团队非常重视向后兼容，大多数升级只需更新依赖包并调整少量 API 调用。建议先在开发环境测试，使用 codemods 自动处理常见迁移模式，并做好代码备份。
类组件必须全部重写成 Hooks 吗？
不是必须的。类组件在 React 18+ 中仍然完全受支持。迁移到 Hooks 可以获得更简洁的代码和更好的性能，但应基于项目实际情况决定。对于稳定运行的类组件，可以保持现状，新功能优先使用 Hooks 编写。
大型项目如何分阶段进行现代化改造？
建议采用渐进式策略：先升级 React 版本确保基础功能正常，然后逐步将新模块用 Hooks 编写，最后按优先级重构核心模块。每次改动后充分测试，可以利用自动化 codemod 工具减少手动工作量，同时保持 CI/CD 流程确保代码质量。