API Requests in React

54m

people completed

Bookmark

Download

RSS

Not long after getting started with React, you'll want to pull in some data from an external source, whether that's your own API or someone else's. In this module we'll be building a Pet Store where we can view a list of pets in the adoption center, add new pets, edit their names and photos, and delete (er, adopt) them.

We'll start with a static app with hardcoded data and refactor it piece-by-piece until all the data is coming and going from an API server.

Instructor

Dave Ceddia

A 10-year veteran of the software industry, Dave has been coding away since he was a kid. Currently an author, blogger, co-organizer of the Boston React meetup, and front end developer focused on React. He splits his free time between family and a constantly-shifting array of hobbies like music, aviation, and DIY projects.

Course content (15 lessons)

1
Basics of REST and HTTP
3m 36s
2
Finished Product First: the Pet Store App We'll Be Building
42s
3
Set up a REST Server with json-server
1m 41s
4
Fetch a List of Data with useEffect and Promises
2m 5s
5
Fetch a List of Data with useEffect and async/await
1m 56s
6
Display a Loading Indicator
2m 31s
7
Display a Modal Dialog Using react-modal
2m 27s
8
Create a New Pet Form
6m 22s
9
Use a File Input to Upload an Image
3m 3s
10
Implement Saving Pet Data Locally
2m 47s
11
Use HTTP POST to Save the Pet to the Server
8m 35s
12
Use HTTP PUT to Update the Pet on the Server
10m 3s
13
Refactor New and Edit Forms into One
3m 46s
14
Use HTTP DELETE to Remove a Pet from the Server
2m 16s
15
Reverse-engineer an API and Display Data with React
2m 29s

Start Watching

Instructor

Dave Ceddia