Skill

react-modernization

Upgrades React versions, migrates class components to hooks, adopts concurrent features like Suspense and transitions, and applies codemods for modernization.

React

Typescript

frontend

code-quality

npx claudepluginhub sickn33/antigravity-awesome-skills

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation.

Supporting Assets

resources/implementation-playbook.md

SKILL.md

Similar Skills

react-modernization

32.8k

Upgrades React versions, migrates class components to hooks, adopts concurrent features like Suspense and transitions, and applies codemods for modernization.

1 file

antigravity-awesome-skills

react-modernization

682

Upgrades React apps to latest versions, migrates class components to hooks, adopts concurrent features like Suspense and transitions, and applies codemods. Use for modernizing React codebases and TypeScript updates.

1 file

rmyndharis-antigravity-skills

react19-concurrent-patterns

30.6k

Preserves React 18 concurrent patterns (useTransition, useDeferredValue, Suspense) during React 19 migration and guides adoption of new APIs (use, useOptimistic, Actions).

3 files

react19-upgrade

Stats

Stars36383

Forks5961

Last CommitApr 13, 2026

Used By3 plugins

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

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.

Limitations

Use this skill only when the task clearly matches the scope described above.

Do not treat the output as a substitute for environment-specific validation, testing, or expert review.

Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.