home/coding/faos-skill-react-modernization-instructions

Faos Skill React Modernization.instructions

GPTClaudeDeepSeek··▲ 1,325 copies·updated 2026-07-14

faos-skill-react-modernization-instructions.prompt

<!-- AUTO-GENERATED by export-skills.py — DO NOT EDIT -->
---
applyTo: '**/*.{ts,tsx,js,jsx}'
---

# 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.

# 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.

## Resources

fill the variables

This prompt has 1 variable. Pro fills them into a ready-to-paste prompt for you — no manual find-and-replace.

{ts,tsx,js,jsx}

Unlock with Pro →

when to use it

Community prompt sourced from the open-source GitHub repo frank-luongt/faos-skills-marketplace (Apache-2.0). A "Faos Skill React Modernization.instructions" style prompt — adapt the placeholders and specifics to your task. Imported as-is and not independently retested here, so check the output before relying on it.