Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
useLayoutEffect vs useEffect: How do you decide which React Hook to use? In this React hooks tutorial, we'll look at the difference between useLayoutEffect and useEffect, the reason why you want to choose the useEffect hook 99% of the time, and the reason why you want to choose useLayoutEffect the other 1%.
Subscribe https://bit.ly/3nGHmNn
React JS for Beginners full course - 9 hours: https://youtu.be/RVFAyFWO4go
Source Code: https://github.com/gitdagray/uselayouteffect_tut
Course Updates https://courses.davegray.codes/
useLayoutEffect vs useEffect | React Hooks Tutorial
(00:00) Intro
(00:15) Welcome
(00:25) useEffect vs useLayoutEffect
(01:33) Asynchronous vs Synchronous
(01:54) When to choose useLayoutEffect
ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(JavaScript_library)
React Jobs: https://www.ziprecruiter.com/candidate/search?search=react&location=
Follow Me:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven
Was this tutorial about the React hooks useLayoutEffect vs useEffect helpful? If so, please share. Let me know your thoughts in the comments.
#uselayouteffect #react #hooks