스킬 react-modernization
⚛️

react-modernization

안전 🌐 네트워크 접근⚡ 스크립트 포함⚙️ 외부 명령어

Atualizar aplicativos React com padrões modernos

또한 다음에서 사용할 수 있습니다: sickn33

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.

지원: Claude Codex Code(CC)
⚠️ 68 나쁨
1

스킬 ZIP 다운로드

2

Claude에서 업로드

설정 → 기능 → 스킬 → 스킬 업로드로 이동

3

토글을 켜고 사용 시작

테스트해 보기

"react-modernization" 사용 중입니다. Give me a checklist to upgrade a React 17 app to React 18.

예상 결과:

  • 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

보안 감사

안전
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.

2
스캔된 파일
689
분석된 줄 수
3
발견 사항
4
총 감사 수

위험 요인

🌐 네트워크 접근 (3)
skill-report.json:6 SKILL.md:106 SKILL.md:130
⚡ 스크립트 포함 (2)
SKILL.md:401 SKILL.md:402
⚙️ 외부 명령어 (27)
SKILL.md:42-83 SKILL.md:83-86 SKILL.md:86-106 SKILL.md:106-130 SKILL.md:130-155 SKILL.md:155-158 SKILL.md:158-216 SKILL.md:216-221 SKILL.md:221-232 SKILL.md:232-235 SKILL.md:235-259 SKILL.md:259-262 SKILL.md:262-288 SKILL.md:288-291 SKILL.md:291-318 SKILL.md:318-323 SKILL.md:323-342 SKILL.md:342-345 SKILL.md:345-366 SKILL.md:366-371 SKILL.md:371-394 SKILL.md:394-397 SKILL.md:397-414 SKILL.md:414-418 SKILL.md:418-443 SKILL.md:443-447 SKILL.md:447-484
감사자: claude 감사 이력 보기 →

품질 점수

38
아키텍처
100
유지보수성
81
콘텐츠
21
커뮤니티
100
보안
87
사양 준수

만들 수 있는 것

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.

이 프롬프트를 사용해 보세요

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.

모범 사례

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

피하기

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

자주 묻는 질문

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.

개발자 세부 정보

작성자

wshobson

라이선스

MIT

리포지토리

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

참조

main

파일 구조

📄 SKILL.md