Fähigkeiten react-modernization
⚛️

react-modernization

Sicher 🌐 Netzwerkzugriff⚡ Enthält Skripte⚙️ Externe Befehle

React-Apps mit modernen Mustern aktualisieren

Legacy React-Code verlangsamt Aktualisierungen und verbirgt Breaking Changes. Diese Skill bietet klare Schritte für den Umstieg auf Hooks und React 18-Funktionen.

Unterstützt: Claude Codex Code(CC)
📊 69 Angemessen
1

Die Skill-ZIP herunterladen

2

In Claude hochladen

Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen

3

Einschalten und loslegen

Teste es

Verwendung von "react-modernization". Gib mir eine Checkliste, um eine React 17-App auf React 18 zu aktualisieren.

Erwartetes Ergebnis:

  • Aktualisiere react und react-dom auf 18 und stimme Type-Pakete ab
  • Wechsle zu createRoot und teste in StrictMode
  • Validiere Batching-Verhalten und behebe Side Effects

Sicherheitsaudit

Sicher
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
Gescannte Dateien
689
Analysierte Zeilen
3
befunde
4
Gesamtzahl Audits

Risikofaktoren

🌐 Netzwerkzugriff (3)
skill-report.json:6 SKILL.md:106 SKILL.md:130
⚡ Enthält Skripte (2)
SKILL.md:401 SKILL.md:402
⚙️ Externe Befehle (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
Auditiert von: claude Audit-Verlauf anzeigen →

Qualitätsbewertung

38
Architektur
100
Wartbarkeit
81
Inhalt
29
Community
100
Sicherheit
87
Spezifikationskonformität

Was du bauen kannst

React 18 Upgrade planen

Erstelle einen phasenbasierten Upgrade-Plan mit Breaking Changes und Testschritten.

Klassenkomponenten konvertieren

Übersetze Legacy-Klassen zu Hooks mit sicheren Lifecycle-Zuordnungen.

Modernisierungsanleitung erstellen

Liefere eine Modernisierungs-Checkliste mit Codemods und Performance-Tipps.

Probiere diese Prompts

Upgrade-Pfad 
Skizziere einen sicheren Upgrade-Pfad von React 16 zu React 18 mit wichtigen Breaking Changes und Testschritten.
Klasse zu Hooks 
Konvertiere diese Klassenkomponente mit State und Lifecycle-Methoden zu Hooks und erkläre jede Änderung.
Concurrent-Funktionen 
Erkläre, wie man Transitions und automatisches Batching in React 18 hinzufügt mit kurzen Beispielen.
Codemod-Plan 
Liste Codemods auf, die für die React-Modernisierung ausgeführt werden sollen, und die sicherste Reihenfolge.

Bewährte Verfahren

  • Inkrementell aktualisieren und nach jedem Schritt testen
  • Codemods für wiederkehrende Änderungen verwenden
  • Verhalten in StrictMode vor der Veröffentlichung validieren

Vermeiden

  • Alle Abhängigkeiten auf einmal aktualisieren
  • StrictMode-Warnungen ignorieren
  • Komponenten ohne Tests konvertieren

Häufig gestellte Fragen

Welche React-Versionen werden abgedeckt?
Es deckt Upgrade-Anleitung von React 16 bis React 18 ab.
Was sind die Hauptgrenzen?
Es bietet nur Anleitung und führt keine Codemods, Builds oder Tests aus.
Kann es sich in mein Repo integrieren?
Es kann auf deinen Kontext verweisen, aber es kann nicht direkt auf Dateien zugreifen oder sie ändern.
Liest oder sendet es meine Daten?
Nein. Es ist statische Anleitung und greift nicht auf Dateien, Umgebungsvariablen oder Netzwerke zu.
Was tun, wenn mein Upgrade Probleme hat?
Folge der Checkliste, teste in StrictMode und adressiere Warnungen Schritt für Schritt.
Wie unterscheidet es sich von einem Linter?
Es erklärt Upgrade-Strategien und Muster anstatt Regeln im Code zu erzwingen.

Entwicklerdetails

Autor

wshobson

Lizenz

MIT

Repository

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

Ref

main

Dateistruktur

📄 SKILL.md