react-modernization

Frontend & Expérience UX

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.

Documentation

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.

Compétences similaires

Explorez d'autres agents de la catégorie Frontend & Expérience UX

Voir tout le catalogue

enhance-prompt

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.

VOIR LA FICHE

nextjs-best-practices

Next.js App Router principles. Server Components, data fetching, routing patterns.

VOIR LA FICHE

react-flow-architect

"Expert ReactFlow architect for building interactive graph applications with hierarchical node-edge systems, performance optimization, and auto-layout integration. Use when Claude needs to create or optimize ReactFlow applications for: (1) Interactive process graphs with expand/collapse navigation, (2) Hierarchical tree structures with drag & drop, (3) Performance-optimized large datasets with incremental rendering, (4) Auto-layout integration with Dagre, (5) Complex state management for nodes and edges, or any advanced ReactFlow visualization requirements."

VOIR LA FICHE
Utiliser l'Agent react-modernization - Outil & Compétence IA | Skills Catalogue | Skills Catalogue