mcpField
R
react-modernization

react-modernization

github.com/sickn33Development49.1k369 installsUpdated today
Repository

About react-modernization

A skill for developers modernizing React applications. It covers version upgrades, migration to hooks, concurrent features, codemods, state patterns, TypeScript, and performance improvements.

Key features

  1. 01React version upgrade guidance
  2. 02Class-to-hooks migration
  3. 03Concurrent feature adoption
  4. 04Codemod-based refactoring
  5. 05State management modernization
  6. 06TypeScript and performance updates

Use cases

  1. 01Planning a React application upgrade
  2. 02Migrating class components to hooks
  3. 03Adopting Suspense or transitions
  4. 04Automating repetitive refactoring with codemods

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill react-modernization

After installing, type/react-modernizationin Claude Code to confirm it loaded.

Bundled filesresources/implementation-playbook.md

Details

From the project README

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.

Comments

Markdown supported