Load Data from an API with React.useEffect

Share this video with your friends

Send Tweet

When it comes time to load external data from a server, we need a way to fit that into our component flow in a way that won't block rendering, or impact the user experience in a negative way. In React, we'll handle this with the useEffect hook. In this lesson, we'll use the useEffect hook to encapsulate a fetch call to a REST endpoint and talk about when it runs and how to prevent it from running on every render.

We'll remix this project from glitch for this lesson: https://glitch.com/~studydeck