TSX (TypeScript XML — React)
TSX e a versao TypeScript do JSX, combinando a marcacao de componentes React com tipagem estatica. Os ficheiros TSX permitem escrever componentes React com total seguranca de tipos.
Tipo MIME
text/tsx
Tipo
Texto
Compressão
Sem perdas
Vantagens
- + Type-safe React components with prop validation at compile time
- + Excellent IDE autocomplete for props and event handlers
- + Catches common React bugs before runtime
Desvantagens
- − Requires TypeScript compiler configuration
- − Generic component syntax can conflict with JSX angle brackets
- − More boilerplate than plain JSX for simple components
Quando usar .TSX
Use TSX para componentes React em projetos TypeScript. Oferece detecao de erros em tempo de compilacao e melhor suporte de editor em relacao ao JSX.
Detalhes técnicos
Os ficheiros TSX (.tsx) combinam a sintaxe JSX com o sistema de tipos do TypeScript. As props dos componentes podem ser tipadas com interfaces ou aliases de tipo, e o compilador verifica os atributos JSX contra os tipos definidos.
Histórico
O TSX surgiu naturalmente quando o suporte ao TypeScript foi adicionado ao ecossistema React. O compilador TypeScript adicionou suporte nativo a JSX na versao 1.6 (2015), permitindo ficheiros .tsx.