·debug:react

Debuggen Sie React-Probleme systematisch. Wird verwendet, wenn Komponentenfehler wie „Eigenschaft von undefiniert kann nicht gelesen werden“, endlose Schleifen zum erneuten Rendern mit „Zu viele erneute Renderings“, veraltete Abschlüsse in Hooks, Warnungen zu wichtigen Requisiten, Speicherlecks mit useEffect, Hydratationskonflikte in SSR/SSG-Anwendungen, Verstöße gegen Hook-Regeln, Warnungen zu fehlenden Abhängigkeiten oder Leistungsengpässe auftreten. Behandelt Funktionskomponenten, Hooks und moderne React 18/19-Muster, einschließlich Serverkomponenten und gleichzeitiger Funktionen.

16Installationen·0Trend·@snakeo

Installation

$npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:react

SKILL.md

A systematic approach to debugging React applications, covering common error patterns, modern debugging tools, and step-by-step resolution strategies.

"Cannot read property of undefined" / "TypeError: X is undefined"

Cause: State updates triggering renders that trigger more state updates.

Debuggen Sie React-Probleme systematisch. Wird verwendet, wenn Komponentenfehler wie „Eigenschaft von undefiniert kann nicht gelesen werden“, endlose Schleifen zum erneuten Rendern mit „Zu viele erneute Renderings“, veraltete Abschlüsse in Hooks, Warnungen zu wichtigen Requisiten, Speicherlecks mit useEffect, Hydratationskonflikte in SSR/SSG-Anwendungen, Verstöße gegen Hook-Regeln, Warnungen zu fehlenden Abhängigkeiten oder Leistungsengpässe auftreten. Behandelt Funktionskomponenten, Hooks und moderne React 18/19-Muster, einschließlich Serverkomponenten und gleichzeitiger Funktionen. Quelle: snakeo/claude-debug-and-refactor-skills-plugin.

Original anzeigen

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 debug:react
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-06
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist debug:react?

Debuggen Sie React-Probleme systematisch. Wird verwendet, wenn Komponentenfehler wie „Eigenschaft von undefiniert kann nicht gelesen werden“, endlose Schleifen zum erneuten Rendern mit „Zu viele erneute Renderings“, veraltete Abschlüsse in Hooks, Warnungen zu wichtigen Requisiten, Speicherlecks mit useEffect, Hydratationskonflikte in SSR/SSG-Anwendungen, Verstöße gegen Hook-Regeln, Warnungen zu fehlenden Abhängigkeiten oder Leistungsengpässe auftreten. Behandelt Funktionskomponenten, Hooks und moderne React 18/19-Muster, einschließlich Serverkomponenten und gleichzeitiger Funktionen. Quelle: snakeo/claude-debug-and-refactor-skills-plugin.

Wie installiere ich debug: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 debug: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