Using REST APIs With React

Articles & Tutorials

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

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