react-patterns
Über
Diese Fähigkeit bietet fachkundige Anleitung zu den neuesten Patterns von React 19, einschließlich Server Components, Actions und Hooks wie `useOptimistic`. Nutzen Sie sie für Komponentenarchitektur, State-Management und Performance-Optimierung beim Entwickeln moderner React-Anwendungen. Sie unterstützt proaktiv bei der Implementierung von Concurrent Features, Suspense und der TypeScript-Entwicklung.
Schnellinstallation
Claude Code
Empfohlennpx skills add ma1orek/replay -a claude-code/plugin add https://github.com/ma1orek/replaygit clone https://github.com/ma1orek/replay.git ~/.claude/skills/react-patternsKopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren
GitHub Repository
Häufig gestellte Fragen
Was ist der Skill react-patterns?
react-patterns ist ein Claude Skill von ma1orek. Skills bündeln Anweisungen und Ressourcen, die Claude bei Bedarf lädt, um Aufgaben rund um react-patterns ohne zusätzliche Eingaben auszuführen.
Wie installiere ich react-patterns?
Verwende die Installationsbefehle auf dieser Seite: Füge react-patterns als Plugin zu Claude Code hinzu oder klone das Repository in dein Skills-Verzeichnis. Starte Claude danach neu, damit der Skill geladen wird.
Zu welcher Kategorie gehört react-patterns?
react-patterns gehört zur Kategorie Andere.
Kann ich react-patterns kostenlos nutzen?
Ja. react-patterns ist auf AIMCP gelistet und kann kostenlos installiert werden.
Verwandte Skills
Diese Fähigkeit erstellt ein produktionsreifes ChatGPT-artiges Chatbot-Widget für die Frontend-Integration. Sie umfasst kritische Funktionen wie unendlichen Re-Render-Schutz, "Ask AI"-Funktionalität bei Textauswahl und sofortige Integration mit RAG-Backends und SSE-Streaming. Nutzen Sie sie, um schnell eine erprobte, überwachte Chat-Oberfläche bereitzustellen.
Diese Fähigkeit erzeugt ein produktionsreifes Chatbot-Widget im ChatGPT-Stil mit integrierten Lösungen für häufige Frontend-Probleme. Sie bietet Schutz vor unendlichen Neuaufrufen, "Ask AI"-Funktionalität für Textauswahl und integrierte Unterstützung für Streaming-SSE- und RAG-Backends. Nutzen Sie sie, um schnell eine überwachte, leistungsfähige Chat-Oberfläche in Ihrer Webanwendung zu implementieren.
Diese Fähigkeit nutzt die Gemini CLI, um Frontend-UI-Code aus Textbeschreibungen oder Bildern zu generieren. Sie ist spezialisiert auf die Erstellung von React-Komponenten mit Tailwind CSS und eignet sich ideal zum Konvertieren von Screenshots oder Designkonzepten in funktionierenden Code. Entwickler sollten sie für Rapid Prototyping, Styling-Unterstützung und Code-Refactoring-Aufgaben einsetzen.
Diese Fähigkeit erstellt umfassende TypeScript-Dokumentation unter Verwendung von JSDoc und TypeDoc für verschiedene Zielgruppen. Sie generiert API-Dokumentation, Architektur-Entscheidungsprotokolle (ADRs) und frameworkspezifische Beispiele für NestJS, Express, React, Angular und Vue. Nutzen Sie sie, um Module zu dokumentieren, API-Dokumentation zu erstellen oder geschichtete Dokumentationsmuster aufzubauen.