Four Ways to Fetch Data in React (bitnative.com)
Jul 06, 2020
React is a focused component library. So it has no opinion on how to request remote data. If you’re requesting and sending data to web APIs via HTTP, here are four options to consider.
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.
Getting started with Postgres in your React app (blog.logrocket.com)
Mar 19, 2020
In this tutorial, we’ll demonstrate how to create a small application using Express and Node.js that can record and remove information from a PostgreSQL database according to the HTTP requests it receives. We’ll then create a simple React app to test and see how the entire application flows from front to back.
Stale-while-revalidate Data Fetching with React Hooks: A Guide (toptal.com)
Jan 22, 2020
Leveraging the stale-while-revalidate HTTP Cache-Control extension is a popular technique. It involves using cached (stale) assets if they are found in the cache, and then revalidating the cache and updating it with a newer version of the asset if needed. Hence the name stale-while-revalidate.
How Does SWR Work? (leighhalliday.com)
Dec 15, 2019
SWR is a great package from Zeit to help make it easier to fetch remote data with hooks. It is based on the stale-while-revalidate RFC, which in simple terms says to show stale (old) data while you are fetching a new version of the data.
How to Fetch Data with React Hooks (rahmanfadhil.com)
Dec 14, 2019
In this tutorial, we're going to learn about new React feature called "Hooks". Well, I have written a lot of tutorials about React Hooks itself, but in this parcticular post, we're going to learn how we can send an HTTP request asynchronously with this awesome React feature.
React Async for Declarative Data Fetching (scotch.io)
May 31, 2019
Generally, there are two ways of writing code: Imperatively/Declaratively and two ways of fetching Data: Synchronously/Asynchronously. We are more convenient with making requests imperatively using fetch or libraries like axios.
Making HTTPS request in React (blog.bitsrc.io)
Mar 04, 2019
There will come a time in our React app when we will want to render data from an API endpoint. Angular has a built-in HTTP module that lets devs to easily make HTTP requests in an Angular app.
Firebase as simple database to React app (dev.to)
Feb 13, 2019
Firebase is an all-in-one backend as a service provider (BaaS) that provides database, authentication, cloud storage among their many services. In this tutorial you're going to learn how to use Firebase Real Time Database service in React application.
React Suspense with GraphQL (medium.com)
Feb 08, 2019
Warning, the React docs say that Suspense does not yet support data loading, so in the future there may be breaking changes & better options available.
How to use Redux with Apollo Client and GraphQL in React (robinwieruch.de)
Jun 26, 2018
When having a GraphQL server, Apollo Client can be a valid option for your remote data. How fits Redux into the equation? This tutorial shows you an example on how Redux and Apollo Client can be used together in a React application. Whereas Redux is used for local data, Apollo Client is used for remote data.
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.