·react-best-practices
</>

react-best-practices

0xbigboss/claude-code

Stellt Reaktionsmuster für Hooks, Effekte, Refs und Komponentendesign bereit. Deckt Notluken, Anti-Patterns und die korrekte Verwendung von Effekten ab. Muss beim Lesen oder Schreiben von React-Komponenten (.tsx-, .jsx-Dateien mit React-Importen) verwendet werden.

1.2KInstallationen·181Trend·@0xbigboss

Installation

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

SKILL.md

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:

Stellt Reaktionsmuster für Hooks, Effekte, Refs und Komponentendesign bereit. Deckt Notluken, Anti-Patterns und die korrekte Verwendung von Effekten ab. Muss beim Lesen oder Schreiben von React-Komponenten (.tsx-, .jsx-Dateien mit React-Importen) verwendet werden. Quelle: 0xbigboss/claude-code.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/0xbigboss/claude-code --skill react-best-practices
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist react-best-practices?

Stellt Reaktionsmuster für Hooks, Effekte, Refs und Komponentendesign bereit. Deckt Notluken, Anti-Patterns und die korrekte Verwendung von Effekten ab. Muss beim Lesen oder Schreiben von React-Komponenten (.tsx-, .jsx-Dateien mit React-Importen) verwendet werden. Quelle: 0xbigboss/claude-code.

Wie installiere ich react-best-practices?

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