ReactJS 2022 - useLayoutEffect() hook | Phân biệt useEffect và useLayoutEffect | React JS

👉 Xem Lộ Trình Học: https://fullstack.edu.vn/learning-paths 👉 Đăng Ký Học Offline Tại F8: https://short.f8team.dev/dang-ky-hoc-offline-hn Video này chúng ta cùng đến với khái niệm về useLayoutEffect() hook | Phân biệt useEffect và useLayoutEffect | React JS useLayoutEffect hook là một hook hoạt động tương tự như useEffect hook. Điểm khác nhau giữa 2 hooks này là thứ tự thực hiện các công việc mình đã liệt kê dưới đây: #useEffect 1. Cập nhật lại state 2. Cập nhật DOM (mutated) 3. Render lại UI 4. Gọi cleanup nếu deps thay đổi 5. Gọi useEffect callback #useLayoutEffect 1. Cập nhật lại state 2. Cập nhật DOM (mutated) 3. Gọi cleanup nếu deps thay đổi (sync) 4. Gọi useLayoutEffect callback (sync) 5. Render lại UI Source: https://dev.to/nibble/what-is-uselayouteffect-hook-and-when-do-you-use-it-3lan #hoclaptrinh #hoclaptrinhmienphi #javascript #reactjs #frontend #backend #devops #f8 ------- ☻ Phần mềm sử dụng trong video: Công cụ dịch Tiếng Anh: http://bit.ly/2Wsuhet Công cụ đo đạc giao diện web: https://s.net.vn/D8kL Công cụ viết CV xin việc chuyên nghiệp: https://mycv.vn -------------- ☻ Khóa học lập trình web MIỄN PHÍ: Kiến thức nhập môn: https://fullstack.edu.vn/courses/lessons-for-newbie Xây dựng giao diện với HTML, CSS: https://fullstack.edu.vn/courses/html-css Xây dựng web responsive: https://fullstack.edu.vn/courses/responsive-web-design Lập trình Javascript cơ bản: https://fullstack.edu.vn/courses/javascript-co-ban Lập trình Javascript nâng cao: https://fullstack.edu.vn/courses/javascript-nang-cao Làm việc với Terminal & Ubuntu: https://fullstack.edu.vn/courses/windows-terminal-wsl Xây Dựng Website với ReactJS: https://fullstack.edu.vn/courses/reactjs Xây dựng web với Node & Express: https://fullstack.edu.vn/courses/nodejs HTML, CSS tips: https://fullstack.edu.vn/courses/html-css-tutorials Ứng dụng cảnh báo khi sờ lên mặt: https://fullstack.edu.vn/courses/tool-canh-bao-so-len-mat Xem thêm tại: https://fullstack.edu.vn/courses ------------------------------------- F8 Official (c) Sơn Đặng Website: https://fullstack.edu.vn Facebook cá nhân: https://facebook.com/sondnf8 Nhóm Học Lập Trình Web: https://www.facebook.com/groups/f8official Email: contact@fullstack.edu.vn © Bản quyền thuộc về Channel F8 Official ☞ Do not Reup © Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.