Schreiben Sie React-Komponenten mit minimalem Status, korrekter Memoisierung und typsicheren Mustern. Verwenden Sie diese Option, wenn Sie Komponenten erstellen, den Status verwalten oder Renderings optimieren.
Installieren Sie den KI-Skill react-patterns schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: casper-studios/casper-marketplace.
Core React patterns for component design, state management, and optimization.
Avoid state variables. Prefer derived values and props. Scope state to the smallest subtree that needs it. Use discriminated unions for complex state.
Required for any O(n) operation. Memoize atomically to minimize dependency arrays. Use Loader/Inner pattern to narrow types before useMemo.
Schreiben Sie React-Komponenten mit minimalem Status, korrekter Memoisierung und typsicheren Mustern. Verwenden Sie diese Option, wenn Sie Komponenten erstellen, den Status verwalten oder Renderings optimieren. Quelle: casper-studios/casper-marketplace.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/casper-studios/casper-marketplace --skill react-patternsSchreiben Sie React-Komponenten mit minimalem Status, korrekter Memoisierung und typsicheren Mustern. Verwenden Sie diese Option, wenn Sie Komponenten erstellen, den Status verwalten oder Renderings optimieren. Quelle: casper-studios/casper-marketplace.
Ö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/casper-studios/casper-marketplace --skill react-patterns Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/casper-studios/casper-marketplace