NPH
Huy Nguyenhuynp.dev
Cover
Performance

Tối ưu hóa React Renders

Author
Nguyễn Phát Huy
20 Tháng 4, 20246 phút

React nhanh, nhưng nó có thể nhanh hơn nữa. Re-render không cần thiết là kẻ giết chết hiệu năng thầm lặng trong các dashboard phức tạp.

Các khái niệm chính

  • Virtual DOM: Cách React phát hiện thay đổi.
  • Reconciliation: Quá trình đồng bộ VDOM với DOM thật.
  • Commit Phase: Khi các thay đổi được áp dụng.

Sử dụng React.memo để ngăn chặn re-render khi props không thay đổi.

Bài viết liên quan

Bạn thích bài viết này?

Đăng ký nhận tin để không bỏ lỡ các bài viết mới.