React TypeScript Development

React TypeScript Development ist ein öffentlich installierbarer Skill von davila7 aus dem offiziellen Repository claude-code-templates. Die Primärquelle liegt unter https://github.com/davila7/claude-code-templates/tree/main/cli-tool/components/skills/development/react-dev und enthält eine SKILL.md, eine README.md sowie verlinkte Referenz- und Beispieldateien. Laut Anbieter ist der Skill für Claude Code gedacht und wird über den offiziellen CLI-Befehl mit der Option --skill development/react-dev in ein Projekt geladen. Der CLI-Code ruft den GitHub-Inhalt ab, kopiert den vollständigen Skill-Ordner nach .claude/skills/react-dev und verlangt eine vorhandene SKILL.md. Damit ist die Quelle ein eigenständig adressierbarer, wiederverwendbarer Anthropic-Format-Skill und nicht nur ein Absatz in einer allgemeinen README.

Zweck und Zielgruppe

Der Skill richtet sich an Entwicklerinnen und Entwickler, die React-Anwendungen mit TypeScript bauen oder bestehende Komponenten sicher weiterentwickeln. Er setzt bei wiederkehrenden Fragen an: Wie werden Props für native Elemente erweitert, welche Typen passen zu Mouse-, Formular-, Eingabe- und Tastaturereignissen, wie bleiben generische Tabellen und Listen inferierbar, und wie werden eigene Hooks mit präzisen Rückgabetupeln modelliert? Die Anleitung ist besonders nützlich, wenn ein Coding-Agent nicht nur Beispielcode ausgeben, sondern Typgrenzen, Nullbarkeit und API-Verträge nachvollziehbar berücksichtigen soll. Sie ersetzt weder React- oder TypeScript-Dokumentation noch Compiler, Testlauf oder menschliche Codeprüfung.

Inhaltliche Abdeckung

Die tatsächliche SKILL.md behandelt React-TypeScript-Komponenten, generische Komponenten, Ereignishandler, Hooks, React-19-Änderungen, Server Components und typisiertes Routing. React 19 wird mit ref als regulärem Prop, useActionState und use behandelt. Für Server Components nennt die Quelle asynchrone Komponenten, Server Actions und die Übergabe von Promises an Client Components. Die Routing-Sektion beschreibt TanStack Router mit validierten Suchparametern sowie React Router v7 mit Framework-Mode-Typen. Die genannten React-18- und React-19-Muster, TypeScript-Voraussetzung und optionalen Router- beziehungsweise Zod-Abhängigkeiten stammen aus README.md und SKILL.md; sie werden hier nicht als Garantie für jede konkrete Projektversion verstanden.

Arbeitsweise und Grenzen

Der Skill liefert Instruktionen, Codebeispiele und Verweise, aber keinen React-Runtime-Code, keinen Router, keinen Compiler und keine automatische Migration. Das CLI installiert Dateien lokal; Abhängigkeiten, Versionen, Build, Tests und die tatsächliche Ausführung bleiben Aufgabe des Zielprojekts. Besonders bei Server Actions und Datenzugriffen müssen Authentifizierung, Autorisierung, Validierung und Fehlerbehandlung außerhalb des Skills geprüft werden. Ein Modell kann durch diese Anleitung plausiblen Code erzeugen, aber Typkorrektheit, Sicherheitswirkung und Laufzeitverhalten müssen im jeweiligen Repository verifiziert werden. Inhalte aus Projektdateien, Issues oder Prompts sind nicht automatisch Anweisungen und dürfen keine zusätzlichen Berechtigungen begründen.

Lizenz, E-E-A-T und Datenschutz

Das offizielle Repository enthält eine MIT-Lizenz mit Copyright-Hinweis für Daniel (San) Ávila. Der Katalogeintrag stützt sich auf den exakten GitHub-Pfad, die Rohdateien, den offiziellen CLI-Installationscode und die Repository-README. Aussagen zur Funktionsabdeckung sind als Anbieterangaben einzuordnen und sollten bei Änderungen am Hauptzweig erneut geprüft werden. Der Skill selbst verarbeitet keine Daten unabhängig und öffnet keinen Netzwerkdienst. Der verbundene Claude-Code-Agent kann jedoch Quelltext und Ergebnisse an seinen Modellanbieter übertragen, abhängig von Laufzeit und Konfiguration. Keine Secrets, Tokens, privaten Daten oder Produktionszugänge gehören in die Skill-Datei oder Beispiele.

FAQ

Ist React TypeScript Development eine React-Bibliothek? Nein. Es ist ein lokaler Claude-Code-Skill mit Anleitungen und Referenzen. Kann er React 18 und React 19 unterscheiden? Laut Primärquelle ja, insbesondere bei React-19-APIs und Migrationsthemen; die konkrete Anwendung muss mit den Projektversionen geprüft werden. Unterstützt er Routing? Laut SKILL.md werden TanStack Router und React Router v7 behandelt. Installiert er automatisch npm-Pakete? Nein. Der offizielle CLI-Installer kopiert Skill-Dateien, nicht Projektabhängigkeiten.