React Hooks 101 - Part 3: The useEffect Hook And How To Use It In Your Apps
We have the third tutorial in our 6 part YouTube series on React Hooks. (ICYMI - You can check out Part 1 - Introducing Hooks and Part 2 - useState Hook ). Now we're on to the useEffect hook, an incredibly useful hook that allows you to handle side effects such as API calls or modifying the DOM in your function components. The useEffect Hook performs side-effects in function components. The term "side-effects" refers to actions that cause things to occur outside the scope of the function being executed. This includes sending requests to an API, logging, modifying the DOM, subscribing to event listeners, etc. Behavior-wise, you can think of the useEffect Hook as the componentDidMount , componentDidUpdate , and componentWillUnmount lifecycle methods you'd use in class-based components, neatly packaged into one Hook. Follow along as Paige teaches you this second of the most important React Hooks you should know. Your instructor for the tutorial is Paige Niedringhaus, a Staff Software Engineer at Blues Wireless, host of the React Roundup Podcast, and instructor of newline's course: The newline Guide to Modernizing an Enterprise React App . In the full course, Paige covers: If you want to dive deeper into React and master the best practices for modernizing a React app, check out Paige's full course over at The newline Guide to Modernizing an Enterprise React App . Stay tuned for parts 4, 5 and 6 in our React Hooks 101 series coming soon!
