Calling APIs with React

Offered By
In this Guided Project, you will:

Create an API call in a React Class Component with ComponentDidMount().

Create an API call in a React Functional Component with a UseEffect Hook.

Create an API call in a React Component using the APISauce Package.

2 hours
Beginner
No download needed
Split-screen video
English
Desktop only

By the end of this project, you will review the HTPP request and response using cURL and perform API calls using several different approaches in a React application. As a react developer, it is useful to be aware of the various options for consuming an API in React, both from the standpoint of understanding legacy code and developing new code.

Skills you will develop

  • react api fetch

  • React Functional Component

  • UseState hook

  • React Class Component

  • UseEffect hook

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Use Curl commands to describe the process of an http request and response.

  2. Create an API call in a React Class Component with ComponentDidMount().

  3. Create an API call in a React Functional Component with a UseEffect Hook.

  4. Practice Task: Quiz

  5. Create an API call in a React Component using the Axios Package.

  6. Create an API call in a React Component using the APISauce Package.

  7. Capstone Task: Calling APIs with React

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently Asked Questions

By purchasing a Guided Project, you'll get everything you need to complete the Guided Project including access to a cloud desktop workspace through your web browser that contains the files and software you need to get started, plus step-by-step video instruction from a subject matter expert.

Because your workspace contains a cloud desktop that is sized for a laptop or desktop computer, Guided Projects are not available on your mobile device.

Guided Project instructors are subject matter experts who have experience in the skill, tool or domain of their project and are passionate about sharing their knowledge to impact millions of learners around the world.

You can download and keep any of your created files from the Guided Project. To do so, you can use the “File Browser” feature while you are accessing your cloud desktop.

Guided Projects are not eligible for refunds. See our full refund policy.

Financial aid is not available for Guided Projects.

Auditing is not available for Guided Projects.

At the top of the page, you can press on the experience level for this Guided Project to view any knowledge prerequisites. For every level of Guided Project, your instructor will walk you through step-by-step.

Yes, everything you need to complete your Guided Project will be available in a cloud desktop that is available in your browser.

You'll learn by doing through completing tasks in a split-screen environment directly in your browser. On the left side of the screen, you'll complete the task in your workspace. On the right side of the screen, you'll watch an instructor walk you through the project, step-by-step.