Làm chủ State với useState & Cơ chế Batching

Hiểu rõ cơ chế Snapshot của State, Updater Function và Automatic Batching để tránh các lỗi logic cập nhật state bất đồng bộ.

Core Mental Model

Mỗi lần render có một 'Snapshot' riêng của State. Gọi setState không lập tức làm thay đổi biến state trong lượt render hiện tại, mà lên lịch một lần re-render mới với giá trị state tiếp theo.

Key Takeaways & Principles

Luôn đối xử với State như dữ liệu Bất biến (Immutable): sao chép Object/Array bằng Spread operator (...) hoặc hàm tạo mảng mới.

Khi cập nhật state dựa trên giá trị state trước đó, luôn dùng Functional Updater: `setCount(prev => prev + 1)`.

React 18 & 19 tự động gom tất cả các lần gọi setState liên tiếp (Automatic Batching) vào 1 lần re-render duy nhất.

React Core Foundations

beginner

18 phút

#useState

#State Immutability

#Batching