Phu Phan Van • 5/10/2026

Batch Async Tasks Trong React: Từ setState Đến Debounce

Bài viết giải thích rõ hai khái niệm 'gộp' dễ nhầm lẫn khi tối ưu React: automatic batching (React tự gộp nhiều setState thành một lần render, mặc định từ React 18) và batch async task chủ động (lập trình viên tự gộp các tác vụ bất đồng bộ bằng debounce, Promise.all, useTransition). Nội dung bao gồm so sánh React 17 vs 18 về batching trong event handler, setTimeout, promise; cách dùng createRoot để bật automatic batching mở rộng; và các công cụ để chủ động gộp async task nhằm giảm re-render thừa, cải thiện hiệu năng UI.

0 comments

#React #performance #batching