react-modernization
This skill provides concrete guidance for upgrading React applications across versions (16 to 18), migrating class components to functional components with hooks, and adopting concurrent features like Suspense and transitions. It includes detailed code examples for state, lifecycle, and context migration, plus instructions for running automated codemods. The focus is on practical, step-by-step transformations for modernizing existing codebases.
Packaged view
This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.
Install command
npx @skill-hub/cli install arustydev-dotfiles-react-modernization
Repository
Skill path: .ai/plugins/framework-migration/skills/react-modernization
This skill provides concrete guidance for upgrading React applications across versions (16 to 18), migrating class components to functional components with hooks, and adopting concurrent features like Suspense and transitions. It includes detailed code examples for state, lifecycle, and context migration, plus instructions for running automated codemods. The focus is on practical, step-by-step transformations for modernizing existing codebases.
Open repositoryBest for
Primary workflow: Build UI.
Technical facets: Frontend.
Target audience: Frontend teams looking for install-ready agent workflows..
License: Unknown.
Original source
Catalog source: SkillHub Club.
Repository owner: aRustyDev.
This is still a mirrored public skill entry. Review the repository before installing into production workflows.
What it helps with
- Install react-modernization into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
- Review https://github.com/aRustyDev/dotfiles before adding react-modernization to shared team environments
- Use react-modernization for frontend workflows
Works across
Favorites: 0.
Sub-skills: 0.
Aggregator: No.