概要
The React Modernization skill provides a specialized toolkit for upgrading aging React codebases to modern standards, focusing on the transition from class-based components to functional components with Hooks. It guides Claude through the intricacies of version-specific breaking changes across React 16, 17, and 18, utilizing codemods for automated large-scale refactoring and implementing advanced concurrent features like Transitions and Suspense. By providing clear patterns for lifecycle-to-effect conversion, TypeScript integration, and performance optimization via memoization, this skill ensures that legacy applications become more maintainable, performant, and type-safe with minimal manual effort.
