Exercises: Data Fetching - React In Depth
Let's go through some exercises to practice Data Fetching in React together.
We start with a warmup to get practice fetching JSON data for a Pokemon using the Pokemon API and displaying it in a Component.
In the first main exercise we look at how we might handle errors coming back from APIs and some of the different ways an API might send them back to us.
For the second exercise, we implement data caching for our responses that come back to avoid duplicate requests to a REST API.
To wrap up the video, we look at how we might use pagination to return pages of data from an API and go back and forth through them.
Chapters:
00:00 Introduction
00:50 Warmup Exercise - Fetching Pokemon
17:51 Exercise 1 - Handling Errors
38:45 Exercise 2 - Caching Responses
1:04:55 Exercise 3 - Pagination
1:28:56 Next Steps
📦 Github Repository with the notes and exercise code+solutions: https://github.com/Nooder/react-in-depth
💬 Come join us on Discord to chat with a like-minded community about tech and learning: / discord
🏅Support the channel and content through Super Thanks, Channel Memberships, or on Patreon: / techwithnader
Watch video Exercises: Data Fetching - React In Depth online without registration, duration hours minute second in high quality. This video was added by user Tech with Nader 02 September 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,20 once and liked it 7 people.