Скачать или смотреть 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-...

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-uselayo...


#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/less...
Xây dựng giao diện với HTML, CSS: https://fullstack.edu.vn/courses/html...
Xây dựng web responsive: https://fullstack.edu.vn/courses/resp...
Lập trình Javascript cơ bản: https://fullstack.edu.vn/courses/java...
Lập trình Javascript nâng cao: https://fullstack.edu.vn/courses/java...
Làm việc với Terminal & Ubuntu: https://fullstack.edu.vn/courses/wind...
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...
Ứng dụng cảnh báo khi sờ lên mặt: https://fullstack.edu.vn/courses/tool...
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:   / sondnf8  
Nhóm Học Lập Trình Web:   / f8official  
Email: [email protected]

© 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.