Class component và function component khác nhau thế nào? Lifecycle tương ứng với hooks ra sao?

Class	Function + hooks
this.state, setState	useState, useReducer
componentDidMount	useEffect(fn, [])
componentDidUpdate	useEffect(fn, [dep])
componentWillUnmount	hàm cleanup trả về từ useEffect
shouldComponentUpdate	React.memo

useEffect(() => {
  const id = setInterval(tick, 1000);
  return () => clearInterval(id); // unmount hoặc trước effect kế tiếp
}, []);

Khác biệt tư duy: effect là “đồng bộ với dữ liệu” (theo dependency) chứ không phải “chạy ở thời điểm vòng đời”. Function component cũng “bắt” giá trị props/state của từng lần render, còn this.props trong class luôn là giá trị mới nhất.