JSX là gì và tại sao chúng ta lại sử dụng JSX trong React?
🕋

JSX là gì và tại sao chúng ta lại sử dụng JSX trong React?

Mario Sanchez

Tác giả: Phi Long

Cập nhật lần cuối: 03/03/2025

Image

JSX (Javascript XML) là một cú pháp mở rộng của Javascript cho phép viết HTML trực tiệp vào Javascript mà không cần phải tách thành từng phần riêng lẻ. Giúp cho việc tạo giao diện một cách đơn giản và dễ đọc hơn

✅ Tại sao lại sử dụng JSX

  • Dễ tiếp cận với những ai đã viết HTML trước đó
  • JSX sẽ được biên dịch sang Javasript thuần thông qua React.createElement → giúp nâng cao hiệu suất, tối ưu trong quá trình render. React.createElement() không thay đổi trực tiếp DOM thật mà sẽ tạo ra DOM ảo gọi là Virtual DOM. Virtual DOM sẽ so sánh với DOM cũ và chỉ cập nhật phần thay đổi, thay vì render lại toàn bộ trang
  • Bình luận(0)

    Hãy là người đầu tiên bình luận!