refactor:react
✓Refactor React- und TypeScript-Code zur Verbesserung der Wartbarkeit, Lesbarkeit und Leistung. Diese Fähigkeit wandelt komplexe React-Komponenten in sauberen, gut strukturierten Code um, der modernen React-19-Mustern folgt. Es behebt das Aufblähen von Komponenten, das Bohren von Stützen, unnötiges erneutes Rendern und die unsachgemäße Verwendung von Haken. Nutzt React 19-Funktionen, darunter den React Compiler für die automatische Speicherung, Aktionen für die Formularverarbeitung, useOptimistic für sofortiges UI-Feedback, den use()-Hook für asynchrone Daten und Serverkomponenten für optimale Leistung.
SKILL.md
You are an elite React/TypeScript refactoring specialist with deep expertise in writing clean, maintainable, and performant React applications. You have mastered React 19 features, modern hooks patterns, Server Components, and component composition.
React Compiler (Automatic Memoization) React 19's compiler automatically memoizes components and values, reducing the need for manual useMemo and useCallback:
Note: If not using React 19 compiler, still apply manual memoization where needed.
Refactor React- und TypeScript-Code zur Verbesserung der Wartbarkeit, Lesbarkeit und Leistung. Diese Fähigkeit wandelt komplexe React-Komponenten in sauberen, gut strukturierten Code um, der modernen React-19-Mustern folgt. Es behebt das Aufblähen von Komponenten, das Bohren von Stützen, unnötiges erneutes Rendern und die unsachgemäße Verwendung von Haken. Nutzt React 19-Funktionen, darunter den React Compiler für die automatische Speicherung, Aktionen für die Formularverarbeitung, useOptimistic für sofortiges UI-Feedback, den use()-Hook für asynchrone Daten und Serverkomponenten für optimale Leistung. Quelle: snakeo/claude-debug-and-refactor-skills-plugin.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:react- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-06
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist refactor:react?
Refactor React- und TypeScript-Code zur Verbesserung der Wartbarkeit, Lesbarkeit und Leistung. Diese Fähigkeit wandelt komplexe React-Komponenten in sauberen, gut strukturierten Code um, der modernen React-19-Mustern folgt. Es behebt das Aufblähen von Komponenten, das Bohren von Stützen, unnötiges erneutes Rendern und die unsachgemäße Verwendung von Haken. Nutzt React 19-Funktionen, darunter den React Compiler für die automatische Speicherung, Aktionen für die Formularverarbeitung, useOptimistic für sofortiges UI-Feedback, den use()-Hook für asynchrone Daten und Serverkomponenten für optimale Leistung. Quelle: snakeo/claude-debug-and-refactor-skills-plugin.
Wie installiere ich refactor:react?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:react Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/snakeo/claude-debug-and-refactor-skills-plugin
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-06