In this article, we will create a React PWA that has reusable React components and styling using Create React App and styled-components. The application will use data fetched from an external REST API.

Pre-requisite

  • Basic understanding of JavaScript ES6
  • Basic understanding of HTML and CSS
  • Basic understanding of react
  • Have  Nodejs installed on your machine

What is a progressive Web Application (PWA)

Progressive Web Application (PWA) is a web application that behaves like a mobile application.

It is usually faster and more reliable than regular web applications as it focuses on an offline/cache-first approach. This makes it possible for users to still open our application when they have no or a slow internet connection due to its focus on caching. Also, users can add our application to the home screen of their smartphone or tablet and open it like a  native application.

#react #react pwa #progressive web application #pwa #api

Building Progressive Web Application (PWA) with React
3.55 GEEK