React Modernization 是一个面向 React 代码库现代化改造的技能，用于把相对老旧的 React 应用迁移到较新版本与现代写法。根据资料，它主要处理四类工作：React 版本升级、class 组件到 Hooks 的迁移、并发特性（Concurrent Features）采用，以及通过 codemod 进行自动化转换。
【用途与适用场景】 资料列出的使用时机包括：升级 React 应用到最新版本；把 class 组件迁移为使用 Hooks 的函数组件；采用 React 并发特性（Suspense、transitions）；应用 codemod 做自动化重构；现代化状态管理模式；更新到 TypeScript；以及利用 React 18+ 特性改进性能。
【版本升级路径与破坏性变更】 资料给出了升级路径：React 16 → 17 → 18。并按版本列出破坏性变更：
- React 17：事件委托（event delegation）变化；不再有事件池（event pooling）；effect 清理时机（effect cleanup timing）；JSX transform（不再需要 import React）。
- React 18：自动批处理（automatic batching）；并发渲染（concurrent rendering）；Strict Mode 变化（双重调用）；新的 root API；服务端 Suspense。
【class 到 Hooks 的迁移】 资料通过代码对照展示多种迁移模式：
- 状态管理：把 class 中的 this.state 与 this.setState 改为 useState，把事件处理方法改为组件内函数。
- 生命周期方法到 Hooks：把 componentDidMount、componentDidUpdate、componentWillUnmount 组合为 useEffect，并用闭包中的 cancelled 标志做清理，依赖数组 [id] 控制重新执行。
- Context 与 HOC 到 Hooks：把 static contextType / Context consumer 改为 useContext；把用于数据获取的 HOC（withUser）改为自定义 Hook（useUser），再在函数组件中调用。
【React 18 并发特性】 资料给出的具体内容包括：
- 新 root API：从 react-dom 的 ReactDOM.render 改为从 react-dom/client 导入 createRoot，创建 root 后调用 root.render。
- 自动批处理：React 18 中多处 setState 会合并为一次重渲染，异步场景（如 setTimeout 内）同样批处理；如需退出批处理，可从 react-dom 导入 flushSync 包裹更新。
- Transitions：使用 useTransition，将紧急更新（如输入框 setQuery）与非紧急更新（startTransition 内的 setResults）区分，配合 isPending 显示加载状态。
- Suspense 用于数据获取：用 Suspense 与 fallback 包裹组件，组件通过 resource.read() 在数据未就绪时挂起，示例中展示了 ProfilePage / ProfileDetails / ProfileTimeline 的组合。
【更多模板】 资料说明更详细的模板与完整示例位于 references/details.md，可阅读该文件获取完整模式库。
【限制与未提供信息】 资料未说明该技能的收费方式、价格、支持平台、具体安装命令、生效范围或实际效果评估。文中所有代码示例与 API 用法均为资料原文内容。