
Description
react-modernization is an agent skill from the wshobson/agents collection for upgrading React applications to current versions and moving them to modern patterns. It covers the version upgrade path, from React 16 to 17 and then 18, with the breaking changes that matter at each step, and the migration of class components to function components with hooks. It also covers adopting concurrent React features such as Suspense and transitions, which let an interface keep responding while slower work is in progress, and applying codemods, which are scripts that rewrite code automatically for a known change. The skill covers modernizing state management patterns and updating a project to TypeScript, along with improving performance with the features available in React 18 and later. It applies when upgrading React applications to the latest versions, migrating class components to hooks, adopting concurrent features, applying codemods to refactor at scale, modernizing state management, adding TypeScript, and improving performance with newer React features. Upgrades of large applications are staged so that each step can be tested, and the skill's version path is designed for that kind of gradual move. The agent performs and explains the changes, and the team checks the result against its test suite and a manual review of key screens. The skill is installed with the skills CLI from the wshobson/agents repository. Its skills.sh page showed about 12.4K installs and passing results from three security audits at the time of the scan.…
Highlights
- Upgrade path from React 16 to 17 to 18
- Class components to hooks migration
- Concurrent features: Suspense and transitions
- Codemods for automated refactoring
- State management and TypeScript updates
- Installs with the skills CLI
Ratings & Reviews
No ratings yet
Be the first to rate react-modernization.
People also visit

chakra-ui-migrate
Migrate Chakra UI projects from v2 to v3, covering package changes, codemods

migrate-radix-to-base
Migrates React projects and components from Radix UI to Base UI

azure-upgrade
Assess and automate upgrades of Azure workloads across plans, tiers, and SKUs
react-modernization FAQ
What versions are covered?
The upgrade path from React 16 to 17 and 18, with the breaking changes at each step, plus later features.
Does it help migrate class components?
Yes. Migrating class components to function components with hooks is one of its topics.
What are codemods?
Scripts that rewrite code automatically for a known change, which the skill uses for large refactors.
Does it cover TypeScript?
Yes. Updating to TypeScript is among the topics.
How do I install it?
Run npx skills add https://github.com/wshobson/agents --skill react-modernization.
What security audits does it have?
skills.sh lists three audits: Gen Agent Trust Hub Pass, Socket Pass and Snyk Pass.
What are the best react-modernization alternatives?
Popular alternatives to react-modernization include chakra-ui-migrate, dotnet-upgrade and react19-test-patterns. See all react-modernization alternatives





