·debug:react

Eseguire il debug sistematico dei problemi di React. Da utilizzare quando si riscontrano errori dei componenti come "Impossibile leggere la proprietà di undefinito", cicli di re-render infiniti con "Troppi re-render", chiusure obsolete negli hook, avvisi relativi alle proprietà chiave, perdite di memoria con useEffect, mancate corrispondenze di idratazione nelle applicazioni SSR/SSG, violazioni delle regole di hook, avvisi di dipendenza mancanti o colli di bottiglia delle prestazioni. Copre componenti funzionali, hook e modelli React 18/19 moderni, inclusi componenti server e funzionalità simultanee.

19Installazioni·0Tendenza·@snakeo

Installazione

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

Come installare debug:react

Installa rapidamente la skill AI debug:react nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:react
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: snakeo/claude-debug-and-refactor-skills-plugin.

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.

Eseguire il debug sistematico dei problemi di React. Da utilizzare quando si riscontrano errori dei componenti come "Impossibile leggere la proprietà di undefinito", cicli di re-render infiniti con "Troppi re-render", chiusure obsolete negli hook, avvisi relativi alle proprietà chiave, perdite di memoria con useEffect, mancate corrispondenze di idratazione nelle applicazioni SSR/SSG, violazioni delle regole di hook, avvisi di dipendenza mancanti o colli di bottiglia delle prestazioni. Copre componenti funzionali, hook e modelli React 18/19 moderni, inclusi componenti server e funzionalità simultanee. Fonte: snakeo/claude-debug-and-refactor-skills-plugin.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:react
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-06
Aggiornato
2026-03-11

Browse more skills from snakeo/claude-debug-and-refactor-skills-plugin

Risposte rapide

Che cos'è debug:react?

Eseguire il debug sistematico dei problemi di React. Da utilizzare quando si riscontrano errori dei componenti come "Impossibile leggere la proprietà di undefinito", cicli di re-render infiniti con "Troppi re-render", chiusure obsolete negli hook, avvisi relativi alle proprietà chiave, perdite di memoria con useEffect, mancate corrispondenze di idratazione nelle applicazioni SSR/SSG, violazioni delle regole di hook, avvisi di dipendenza mancanti o colli di bottiglia delle prestazioni. Copre componenti funzionali, hook e modelli React 18/19 moderni, inclusi componenti server e funzionalità simultanee. Fonte: snakeo/claude-debug-and-refactor-skills-plugin.

Come installo debug:react?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:react Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/snakeo/claude-debug-and-refactor-skills-plugin