JSX là gì và tại sao React sử dụng nó?

JSX (JavaScript XML) là cú pháp mở rộng của JavaScript cho phép viết mã tương tự HTML bên trong JavaScript.

React sử dụng JSX vì:
- Trực quan: Giúp mô tả UI dễ hiểu và gần gũi với HTML.
- Đóng gói: Cho phép kết hợp logic (JavaScript) và markup (HTML) trong cùng một file component (Sự phân tách mối quan tâm theo component thay vì theo công nghệ).

Lưu ý: Trình duyệt không hiểu JSX. Babel (hoặc SWC) sẽ transpile JSX thành các lời gọi React.createElement() trước khi chạy.