Using REST APIs With React

Articles & Tutorials

An Introduction To SWR: React Hooks For Remote Data Fetching (smashingmagazine.com)
Jun 22, 2020
In this article, we’ll be looking at a new way of retrieving data in React Apps named SWR. This is a set of hooks for remote data fetching that makes things easier, such as caching, pagination, and so on.
  • Ibrahima Ndaw
Consuming REST APIs In React With Fetch And Axios (smashingmagazine.com)
Jun 03, 2020
If you’re a React developer who’d like to learn how you can start consuming APIs in your React applications, then this article is for you. Shedrack Akintayo explains what a REST API is and how to build a simple application that consumes a REST API by using both Fetch API and Axios.
  • Shedrack Akintayo
Creating an app with React and Django (blog.logrocket.com)
Dec 12, 2019
In this article, we’ll outline how to create a simple CRUD API with Django and its famous Django REST Framework free from CORS common issues, and integrate it with a React app. We’ll cover everything from setup and configuration to the customization of our front-end components and back-end API.
  • Diogo Souza
How to Build a Real-time React and Express Fullstack search engine with Postgres (freecodecamp.org)
Sep 16, 2019
In this tutorial we will go through and setup a full stack search engine with React as the front end, Node and Express for the server, and PostgreSQL for the database.
  • Mohammad Iqbal
Making API Calls with React Hooks (blog.bitsrc.io)
Aug 05, 2019
This article will help you take the baby steps in using React Hooks, it will explain all the basic approach which you can take to make the most out of this beautiful feature.
  • Harsh Makadia
Dealing with CORS in Create React App (telerik.com)
Apr 25, 2019
In this article we'll learn how to get around CORS issues using Create React App's proxying capabilities.
  • Blanca Mendizábal Perelló
Serving React and Koa together (hackernoon.com)
Apr 23, 2019
Reactjs and Koajs are two great frameworks of javascript. I wonder how to serve React and Koa projects in the same server and same port! Finally, I’ve reached a solution and today I’ll discuss it.
  • Taohidul Islam
How to set up file upload with React and Node (medium.freecodecamp.org)
Sep 03, 2018
File upload is a pretty simple but widely used operation on any app or site. It involves submitting the file and copying it to the remote…
  • Krissanawat​ Kaewsanmuang
Using data in React with the Fetch API and axios (css-tricks.com)
Aug 03, 2018
What if you want to handle data from an API? That's the purpose of this tutorial. Specifically, we'll make use of the Fetch API and axios as examples for how to request and use data.
  • Kingsley Silas
React.js with WordPress as a Backend: WP REST API Example (hackernoon.com)
Sep 19, 2017
WordPress Rest API is a huge step forward for frontend developers looking to combine the power of JavaScript tools like React.js with WordPress.
  • Maxime LaBoissonniere
Strapping React.js on a WordPress Backend: WP REST API Example (snipcart.com)
Sep 14, 2017
I'll use WordPress as a backend, and WordPress REST API to feed data into a simple React e-commerce SPA.
  • Maxime Laboissonniere
Fetching API Data with React.js (blog.hellojs.org)
Aug 07, 2017
In this post, I’ll walk you through the steps to use fetch to get data from an API using React, but I’ll be going slow enough that, even if this is your first time using an API, or you’re fairly new to react, you’ll hopefully still be able to follow along.
  • Ethan Jarrell

Video Guides & Talks

Next.js API Routes using next-connect (youtube.com)
Jul 13, 2020
In this video, we will create Next.js API Routes using next-connect. We will also show how to have middleware using next-connect for authentication and authorization.
  • Bruno Antunes
React App - Breaking Bad API (youtube.com)
Jul 02, 2020
In this project we will use React and the breaking bad api to create a small app to show and filter the character info
React and APIs - Full Tutorial - Hacker News API Application (youtube.com)
Oct 01, 2019
Learn how to use APIs with React in this intermediate tutorial. We're going to be creating a small application in React that calls the Hacker News API. We'll be looking at React memo, Axios (to make API calls), styled components, and finally we will test our work using React Testing Library.
  • Karl Hadwen
Loading and Filtering API Data in Gatsby (youtube.com)
Aug 08, 2019
How does Gatsby load data from other platforms and sources? And how do we actually use that data once it’s loaded? On this episode, Brittney Ball pairs with Jason to create a source plugin and build a site using its data.
  • Jason Lengstorf
  • Brittney Ball
APIs in React Tutorial - Recipe App using React Router (youtube.com)
Apr 25, 2019
Learn how to use external APIs with React and React Router. This tutorial shows how to create a recipe finder application in React.
  • Hamza Mirza
Exploring The Wordpress REST API & React Integration (youtube.com)
Feb 10, 2019
In this video we will be looking at the Wordpress Rest API and how to navigate the response data, create custom post types, JWT authentication and we will do a bit of integration with React.
Fetching Data from an API with React Hooks useEffect (youtube.com)
Oct 28, 2018
Learn how to fetch data from an API using React Hooks useEffect.
Dealing with data from APIs in ReactJS (youtube.com)
Jan 18, 2017
In this video I'll show you how you can use React to fetch data from an API and render it in your components. We'll use the fetch API to make a request and make use of React's lifecycle hooks to start the request when our component is being mounted.

Courses & Video Series

Consuming Python APIs with React (packtpub.com)
Nov 30, 2018
Bring your Python full stack web development experience full circle by integrating your Django backend with a React frontend
  • Wayne Merry
Building React and ASP.NET MVC 5 Applications (lynda.com)
Nov 27, 2018
Learn to develop full-stack React and ASP.NET MVC 5 web apps
  • Kazi Nasrat Ali
Migrating from REST to GraphQL (lynda.com)
Nov 15, 2018
Learn how to migrate from REST APIs to GraphQL. Convert your REST APIs operations into GraphQL mutations and queries.
MERN Stack Front To Back: Full Stack React, Redux & Node.js (udemy.com)
Apr 15, 2018
Build and deploy a social network with Node.js, Express, React, Redux & MongoDB. Learn how to put it all together.
React: Working with APIs (lynda.com)
Feb 27, 2018
Learn how to make API calls from your React applications using two techniques: built-in fetch methods and the axios library.

Podcast Episodes

RRU 046: GraphQL vs REST APIs with Max Desiatov (devchat.tv)
Jan 29, 2019
  • Charles Max Wood
  • Justin Bennett
  • Lucas Reis
  • Max Desiatov