About react-modernization
A skill for modernizing React applications through upgrades, class-to-hooks migrations, concurrent features, and automated refactoring, with guidance on validating changes.
Key features
- 01Upgrade React applications
- 02Migrate class components to hooks
- 03Adopt Suspense and transitions
- 04Automate transformations with codemods
- 05Update state patterns and migrate to TypeScript
Use cases
- 01Upgrade an existing React application
- 02Refactor class components into functions
- 03Adopt concurrent React features
- 04Migrate to TypeScript and improve performance
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/react-modernizationin Claude Code to confirm it loaded.
Bundled filesresources/implementation-playbook.md
Details
From the project READMEReact Modernization
Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation.
Use this skill when
- Upgrading React applications to latest versions
- Migrating class components to functional components with hooks
- Adopting concurrent React features (Suspense, transitions)
- Applying codemods for automated refactoring
- Modernizing state management patterns
- Updating to TypeScript
- Improving performance with React 18+ features
Do not use this skill when
- The task is unrelated to react modernization
- You need a different domain or tool outside this scope
Instructions
- Clarify goals, constraints, and required inputs.
- Apply relevant best practices and validate outcomes.
- Provide actionable steps and verification.
- If detailed examples are required, open
resources/implementation-playbook.md.
Resources
resources/implementation-playbook.mdfor detailed patterns and examples.
Comments
Markdown supported