Virtual DOM là gì và vì sao React dùng nó?

Luồng cập nhật: state đổi, render (tạo cây element mới), diff với cây cũ, commit các thay đổi tối thiểu vào DOM thật.

• Bạn mô tả UI “trông thế nào” theo state, React lo việc cập nhật DOM.
• Gom nhiều thay đổi thành một đợt commit, tránh thao tác DOM thừa.
• Cây element cũng cho phép render ở môi trường khác DOM (React Native, SSR).

function Counter() {
  const [n, setN] = useState(0);
  // Mỗi lần click: render lại, diff chỉ thấy text node đổi
  return <button onClick={() => setN(n + 1)}>Đã bấm {n}</button>;
}