.jsx
Code
JSX (JavaScript XML — React)
JSX là phần mở rộng cú pháp cho JavaScript cho phép viết markup giống HTML trong mã JavaScript. Nó được Facebook tạo ra cho React để xây dựng giao diện người dùng theo thành phần.
Loại MIME
text/jsx
Loại
Văn bản
Nén
Không mất dữ liệu
Ưu điểm
- + Intuitive HTML-like syntax for UI component definitions
- + Full JavaScript power within markup expressions
- + Component composition is clear and readable
Nhược điểm
- − Requires transpilation — cannot run directly in browsers
- − Mixes concerns (markup + logic) which some developers dislike
- − Must use className instead of class (React-specific)
Khi nào nên dùng .JSX
Sử dụng JSX cho tệp component React; sử dụng .tsx cho React với TypeScript.
Chi tiết kỹ thuật
JSX không phải JavaScript hợp lệ — nó phải được chuyển đổi (bởi Babel hoặc SWC) thành lời gọi React.createElement(). Nó hỗ trợ biểu thức JavaScript trong dấu ngoặc nhọn, kết xuất có điều kiện và ánh xạ mảng.
Lịch sử
Facebook giới thiệu JSX vào năm 2013 cùng với React. Ban đầu gây tranh cãi vì trộn lẫn HTML vào JavaScript, nhưng nó đã trở thành chuẩn mực trong phát triển React.