TSX (TypeScript XML — React)

TSX, JSX söz dizimini TypeScript ile birleştiren bir dosya uzantısıdır. .tsx dosyaları, statik tip kontrolüne sahip React bileşenleri içerir ve derleme öncesinde JavaScript'e çevrilir.

MIME Tipi

text/tsx

Tip

Metin

Sikistirma

Kayipsiz

Avantajlar

• + Type-safe React components with prop validation at compile time
• + Excellent IDE autocomplete for props and event handlers
• + Catches common React bugs before runtime

Dezavantajlar

• − Requires TypeScript compiler configuration
• − Generic component syntax can conflict with JSX angle brackets
• − More boilerplate than plain JSX for simple components

.TSX Ne Zaman Kullanilir

TypeScript ile React geliştirme yapıyorsanız TSX kullanın. Tip güvenliği olmadan React kullanıyorsanız JSX yeterlidir.

Teknik Detaylar

TSX dosyaları, jenerik söz dizimi çakışmalarını önlemek için TypeScript'in JSX ayrıştırıcısını kullanır. React.FC, Props arayüzleri ve tip çıkarımı ile birlikte çalışır.

Gecmis

TSX, TypeScript'in React desteğini genişletmesiyle ortaya çıktı. TypeScript 1.6 (2015) ile resmi JSX desteği eklendi ve .tsx uzantısı tanıtıldı.

.TSX formatindan donustur

.tsx → .css .tsx → .html .tsx → .js .tsx → .json .tsx → .jsx .tsx → .ts

.TSX formatina donustur

.css → .tsx .html → .tsx .js → .tsx .json → .tsx .jsx → .tsx .ts → .tsx

Ilgili Formatlar

.c .cpp .css .csv .go .java .js .json .jsx .less