React Modernization

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

nimoqup046-collab b22d4e2 2 files · 12.4 KB Updated 2 repo stars

File contents

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.

nimoqup046-collab/agora/tree/main/.claude/skills/react-modernization commit b22d4e234f

Frequently asked questions

npx skillmds add nimoqup046-collab/react-modernization