·react-best-practices
</>

react-best-practices

Fornisce modelli React per hook, effetti, riferimenti e progettazione dei componenti. Copre le botole di fuga, gli anti-modelli e l'utilizzo corretto degli effetti. Da utilizzare durante la lettura o la scrittura di componenti React (file .tsx, .jsx con importazioni React).

1.9KInstallazioni·5Tendenza·@0xbigboss

Installazione

$npx skills add https://github.com/0xbigboss/claude-code --skill react-best-practices

Come installare react-best-practices

Installa rapidamente la skill AI react-best-practices 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/0xbigboss/claude-code --skill react-best-practices
  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: 0xbigboss/claude-code.

When working with React, always load both this skill and typescript-best-practices together. TypeScript patterns (type-first development, discriminated unions, Zod validation) apply to React code.

Effects let you "step outside" React to synchronize with external systems. Most component logic should NOT use Effects. Before writing an Effect, ask: "Is there a way to do this without an Effect?"

React remounts components in development to verify cleanup works. If you see effects firing twice, don't try to prevent it with refs:

Fornisce modelli React per hook, effetti, riferimenti e progettazione dei componenti. Copre le botole di fuga, gli anti-modelli e l'utilizzo corretto degli effetti. Da utilizzare durante la lettura o la scrittura di componenti React (file .tsx, .jsx con importazioni React). Fonte: 0xbigboss/claude-code.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/0xbigboss/claude-code --skill react-best-practices
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from 0xbigboss/claude-code

Risposte rapide

Che cos'è react-best-practices?

Fornisce modelli React per hook, effetti, riferimenti e progettazione dei componenti. Copre le botole di fuga, gli anti-modelli e l'utilizzo corretto degli effetti. Da utilizzare durante la lettura o la scrittura di componenti React (file .tsx, .jsx con importazioni React). Fonte: 0xbigboss/claude-code.

Come installo react-best-practices?

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/0xbigboss/claude-code --skill react-best-practices 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/0xbigboss/claude-code