Converte TSX in JSX rimuovendo la sintassi specifica di TypeScript mantenendo la struttura JSX. Il pubblico di riferimento è gli sviluppatori React che migrano basi di codice a JSX puro o preparano codice per ambienti senza TypeScript.

Esempio: TSX di input con prop tipizzate e tipo di ritorno diventa JSX puro. Esempio: const MyComp: React.FC<{title: string}> = ({title}) =>

{title}

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

{title}

.

La logica principale analizza TSX con un parser TypeScript-compatibile, attraversa l’AST e rimuove le annotazioni di tipo su parametri, tipi di ritorno, interfacce e alias di tipo mantenendo intatto il sotto-giavellino JSX. Rimuove anche le asserzioni di tipo (as SomeType) e preserva espressioni di runtime. Il supporto opzionale per Fragments e Spread-Props è fornito per conservare la struttura. Lo strumento non esegue alcun codice o controlli a runtime; restituisce JSX sintatticamente valido. Gli utenti possono verificare i risultati con un linter o un formatter JSX prima di integrare in un progetto JS.