Zurück zu Fähigkeiten

react-patterns

ma1orek
Aktualisiert 3 days ago
6 Ansichten
1
1
Auf GitHub ansehen
Anderereactreact-19typescriptjavascriptjsxtsxhooksserver-componentsactionssuspenseconcurrent-renderingreact-compileruse-optimisticform-actions

Über

Diese Claude-Skill bietet fachkundige Anleitung zu den neuesten Patterns von React 19, einschließlich Server Components, Actions und Concurrent Features. Nutzen Sie sie für die Implementierung moderner React-Entwicklung, Performance-Optimierung und TypeScript-Best-Practices. Sie ist ideal für Komponentenarchitektur, State-Management und die Einführung der neuesten Fähigkeiten von React 19.

Schnellinstallation

Claude Code

Empfohlen
Primär
npx skills add ma1orek/replay -a claude-code
Plugin-BefehlAlternativ
/plugin add https://github.com/ma1orek/replay
Git CloneAlternativ
git clone https://github.com/ma1orek/replay.git ~/.claude/skills/react-patterns

Kopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren

GitHub Repository

ma1orek/replay
Pfad: .agents/skills/react-patterns
0

Verwandte Skills

chatbot-widget-creator

Andere

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.

Skill ansehen

chatbot-widget-creator

Andere

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.

Skill ansehen

gemini-frontend-assistant

Andere

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.

Skill ansehen

react-patterns

Andere

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.

Skill ansehen