StrictMode render hai lần để làm gì? Component pure nghĩa là gì?

Quy tắc: render phải pure, cùng props/state/context thì cho cùng JSX, không mutate biến ngoài, không gọi API, không đọc Math.random()/Date.now() trực tiếp để quyết định output.

let count = 0;
function Bad() {
  count++;                 // mutate biến ngoài: StrictMode lộ ra (count tăng 2)
  return <p>{count}</p>;
}

Hai cơ chế kiểm tra (dev):

1. Double render: render, updater function, useMemo/useState initializer chạy 2 lần, kết quả lần đầu bị bỏ.
2. Double effect (React 18+): mount, cleanup, mount lại để chắc rằng effect có cleanup đối xứng (hủy subscription, abort fetch).