TSX (TypeScript XML — React)

TSX kết hợp kiểu tĩnh của TypeScript với cú pháp JSX cho component React. Nó cung cấp an toàn kiểu cho props, state và event handler trong component React.

Loại MIME

text/tsx

Loại

Văn bản

Nén

Không mất dữ liệu

Ưu điểm

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

Nhược điểm

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

Khi nào nên dùng .TSX

Sử dụng TSX cho tất cả component React trong dự án TypeScript — nó cung cấp an toàn kiểu cho props, state, refs và event handler.

Chi tiết kỹ thuật

Tệp TSX được xử lý bởi trình biên dịch TypeScript, kiểm tra kiểu mã và phát ra JavaScript với lời gọi React.createElement(). Kiểu generic (ví dụ: React.FC) cung cấp an toàn kiểu cho props.

Lịch sử

TSX xuất hiện tự nhiên từ sự kết hợp của TypeScript và JSX khi React và TypeScript cùng phát triển. Hiện nay nó là chuẩn mực cho phát triển React trong production.

Chuyển đổi từ .TSX

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

Chuyển đổi sang .TSX

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

Định dạng liên quan

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