·react-best-practices
</>

react-best-practices

Wenden Sie die Best Practices von React an, wenn Sie React-Code schreiben oder überprüfen. Wird verwendet, wenn Sie Komponenten erstellen, PRs überprüfen, React-Code umgestalten, Leistungsprobleme beheben, erneute Renderings debuggen, Status und Datenfluss strukturieren, useEffect in Loader konvertieren, Formulare erstellen oder fragen: „Wie soll ich diese Komponente strukturieren“.

13Installationen·1Trend·@yonderlab

Installation

$npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-best-practices

So installieren Sie react-best-practices

Installieren Sie den KI-Skill react-best-practices schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-best-practices
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: yonderlab/kota.agent.skills.

If the codebase uses a different data fetching approach (TanStack Query, SWR, etc.), adapt the data fetching guidance accordingly.

User prompt: "This component has too many useEffects, can you clean it up?"

User prompt: "Migrate this component to use React Router loaders"

Wenden Sie die Best Practices von React an, wenn Sie React-Code schreiben oder überprüfen. Wird verwendet, wenn Sie Komponenten erstellen, PRs überprüfen, React-Code umgestalten, Leistungsprobleme beheben, erneute Renderings debuggen, Status und Datenfluss strukturieren, useEffect in Loader konvertieren, Formulare erstellen oder fragen: „Wie soll ich diese Komponente strukturieren“. Quelle: yonderlab/kota.agent.skills.

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-best-practices
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-22
Aktualisiert
2026-03-10

Browse more skills from yonderlab/kota.agent.skills

Schnelle Antworten

Was ist react-best-practices?

Wenden Sie die Best Practices von React an, wenn Sie React-Code schreiben oder überprüfen. Wird verwendet, wenn Sie Komponenten erstellen, PRs überprüfen, React-Code umgestalten, Leistungsprobleme beheben, erneute Renderings debuggen, Status und Datenfluss strukturieren, useEffect in Loader konvertieren, Formulare erstellen oder fragen: „Wie soll ich diese Komponente strukturieren“. Quelle: yonderlab/kota.agent.skills.

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/yonderlab/kota.agent.skills --skill react-best-practices Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/yonderlab/kota.agent.skills