Agent skill · software engineering · aiskillstore
react-modernization
Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.
Why this skill is useful
Adds specific codemods and patterns for upgrading React applications that the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
React 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.md for detailed patterns and examples.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/react-modernization