useLayoutEffect vs useEffect | React Hooks Tutorial

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:    • React JS Full Course for Beginners | Compl...  

🔗 Source Code: https://github.com/gitdagray/uselayou...

📬 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/...

🔗 React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/de...

📚 References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(...)
React Jobs: https://www.ziprecruiter.com/candidat...

✅ Follow Me:
Github: https://github.com/gitdagray
Twitter:   / yesdavidgray  
LinkedIn:   / davidagray  
Blog: https://yesdavidgray.com
Reddit:   / 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