Automatic Batching trong React -Tính năng giúp React chạy nhanh hơn như thế nào?
Trong React 18, một trong những cải tiến quan trọng nhất về hiệu năng là Automatic Batching - cơ chế gộp nhiều cập nhật trạng thái (setState) lại thành một lần render duy nhất.
Trước đây (React 17 trở về trước), React chỉ gộp các cập nhật bên trong event handler.
Nhưng từ React 18, React gộp mọi cập nhật đến từ bất kỳ nơi nào:
•setTimeout
•Promise
•fetch API
•async/await
•event handler
•các callback bất đồng bộ
1.Vậy Batching là gì?
Batching = Gộp nhiều update vào 1 lần render.
Nếu gọi nhiều setState() liên tục, React không render lại nhiều lần. Nó chờ gom tất cả thay đổi rồi render 1 lần duy nhất giúp tiết kiệm tài nguyên + chạy nhanh hơn.