Compétences react-modernization

⚛️

react-modernization

Name: react-modernization
Author: wshobson

Sûr 🌐 Accès réseau⚡ Contient des scripts⚙️ Commandes externes

Atualizar aplicativos React com padrões modernos

Código React legado dificulta atualizações e oculta alterações significativas. Esta skill fornece etapas claras para migrar para hooks e recursos do React 18.

Prend en charge: Claude Codex Code(CC)

📊 69 Adéquat

Télécharger le ZIP du skill

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

Activez et commencez à utiliser

Tester

Utilisation de "react-modernization". Give me a checklist to upgrade a React 17 app to React 18.

Résultat attendu:

Atualizar react e react-dom para 18 e alinhar pacotes de tipos
Mudar para createRoot e testar em StrictMode
Validar comportamento de batching e corrigir efeitos colaterais

Audit de sécurité

Sûr

v4 • 1/17/2026

This skill contains only static documentation content with React modernization patterns. No executable scripts, network calls, file system access, or external command execution were detected. All 55 static findings are FALSE POSITIVES - the scanner misclassified documentation text and code examples as security threats.

Fichiers analysés

689

Lignes analysées

résultats

Total des audits

Facteurs de risque

Audité par: claude Voir l’historique des audits →

Score de qualité

Architecture

100

Maintenabilité

Contenu

Communauté

100

Sécurité

Conformité aux spécifications

Ce que vous pouvez construire

Planejar atualização React 18

Criar um plano de atualização faseado com alterações significativas e etapas de teste.

Converter componentes de classe

Traduzir classes legadas para hooks com mapeamentos seguros de ciclo de vida.

Criar guia de modernização

Entregar uma lista de verificação de modernização com codemods e dicas de performance.

Essayez ces prompts

Roteiro de atualização

Delimitar um caminho seguro de atualização do React 16 para o React 18 com alterações significativas chave e etapas de teste.

Classe para hooks

Converter este componente de classe com estado e métodos de ciclo de vida para hooks e explicar cada mudança.

Recursos concorrentes

Explicar como adicionar transições e batching automático no React 18 com exemplos curtos.

Plano codemod

Listar codemods para executar para modernização React e a ordem mais segura para executá-los.

Bonnes pratiques

Atualizar incrementalmente e testar após cada etapa
Usar codemods para mudanças repetitivas
Validar comportamento em StrictMode antes do lançamento

Éviter

Atualizar todas as dependências de uma vez
Ignorar avisos do StrictMode
Converter componentes sem testes

Foire aux questions

Quais versões do React são cobertas?

Cobre orientação de atualização do React 16 até o React 18.

Quais são os limites principais?

Fornece apenas orientação e não executa codemods, builds ou testes.

Pode integrar com meu repositório?

Pode referenciar seu contexto, mas não pode acessar ou alterar arquivos diretamente.

Ele lê ou envia meus dados?

Não. É orientação estática e não acessa arquivos, variáveis de ambiente ou redes.

E se minha atualização tiver problemas?

Siga a lista de verificação, teste em StrictMode e resolva avisos etapa por etapa.

Como é diferente de um linter?

Explica estratégia de atualização e padrões em vez de impor regras no código.

Détails du développeur

Auteur

wshobson

Licence

MIT

Dépôt

https://github.com/wshobson/agents/tree/main/plugins/framework-migration/skills/react-modernization

Réf

main

Structure de fichiers

📄 SKILL.md