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

Công cụ 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.