Konvertiert TSX zu JSX, indem TypeScript-spezifische Syntax entfernt wird, während die JSX-Struktur erhalten bleibt. Zielgruppe: React-Entwickler, die Codebasen auf reines JSX migrieren oder Code für Umgebungen vorbereiten, in denen kein TypeScript unterstützt wird.

Beispiel: Eingabe-TSX mit typisierten Props und Rückgabetyp wird zu reinem JSX. Beispiel: const MyComp: React.FC<{title: string}> = ({title}) =>

{title}

; Ausgabe: const MyComp = ({title}) =>

{title}

.

Kernlogik analysiert TSX mit einem TypeScript-geeigneten Parser, traversiert den AST und entfernt Typannotationen bei Parametern, Rückgabetypen, Interfaces und Typsaliases, während der JSX-Teilbaum intakt bleibt. Es entfernt auch Typ-Assertions (as SomeType) und bewahrt Laufzeit-Ausdrücke. Optional Unterstützung für Fragment-Elemente und Spread-Props wird bereitgestellt, um die Struktur beizubehalten. Das Tool führt keinen Code aus oder führt Laufzeitprüfungen durch; es gibt syntaktisch gültiges JSX aus. Benutzer können Ergebnisse mit einem Linter oder JSX-fähigen Formatter vor der Integration in ein JS-Projekt prüfen.