React useEffect Hook tutorial | Learn ReactJS

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

In this React useEffect hook tutorial, you will learn how to determine when the useEffect hook is called into action with React. You will also learn how to load and save data with the useEffect hook and how to avoid the biggest useEffect hook mistake.

? Subscribe ➜ https://bit.ly/3nGHmNn

? This lesson is part of a Learn React tutorial series playlist:
https://youtube.com/playlist?list=PL0Zuz27SZ-6PrE9srvEn8nbhOOyxnWXfp

? Source Code: https://github.com/gitdagray/react_useeffect

React useEffect Hook tutorial | Learn ReactJS

(00:00) Intro
(00:05) Set up
(00:53) useEffect hook with no dependencies
(01:46) useEffect hook at app load
(02:51) useEffect hook only when a dependency changes
(03:55) useEffect is not synchronous
(05:32) Loading data with useEffect
(06:40) Avoid this BIG mistake with useEffect
(07:10) Avoiding a loading error with useState
(08:55) Saving data with useEffect

? 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

? Styled Components: https://styled-components.com/

? 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:
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 useEffect hook in React JS helpful? If so, please share. Let me know your thoughts in the comments.

#react #useeffect #hook