Hook useLayoutEffect trong React được sử dụng để thực hiện các hiệu ứng có ảnh hưởng đến bố cục (layout) trước khi trình duyệt vẽ (paint) các thay đổi lên màn hình. Nó hoạt động tương tự như useEffect, nhưng với một điểm khác biệt quan trọng: useLayoutEffect được thực thi đồng bộ và sẽ chặn việc vẽ để thực thi mã của mình.
Cụ thể, useLayoutEffect được gọi ngay sau khi React cập nhật DOM (Document Object Model), nhưng trước khi trình duyệt có cơ hội vẽ lại bất kỳ thay đổi nào lên màn hình. Điều này cho phép bạn đọc từ và viết vào DOM, thực hiện các thay đổi hoặc đo lường mà không gây ra hiện tượng nhấp nháy hoặc hiệu ứng không mong muốn do việc vẽ lại.
Một số trường hợp sử dụng phổ biến của `useLayoutEffect...
