Progressive Web Apps using React

In this course, we will be learning how to create Progressive Web Applications (PWA) using React

A progressive web application is a type of application software delivered through the web, built using common web technologies including HTML, CSS, and JavaScript. It is intended to work on any platform that uses a standards-compliant browser, including both desktop and mobile devices.

Bit of History

In 2015, designer Frances Berriman and Google Chrome engineer Alex Russell coined the term "progressive web apps" to describe apps taking advantage of new features supported by modern browsers, including service workers and web app manifests, that let users upgrade web apps to progressive web applications in their native operating system (OS). Google then put significant efforts into promoting PWA development for Android. Firefox introduced support for service workers in 2016, and Microsoft Edge and Apple Safari followed in 2018, making service workers available on all major systems.

By 2019, PWAs were available on desktop browsers Microsoft Edge[5] (on Windows) and Google Chrome[16] (on Windows, macOS, Chrome OS, and Linux).

React is an open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications

1. Lecture 1:Introduction to React.Js

2. Lecture 2:Introduction to PWA - Progressive Web Applications

3. Lecture 3:Creating PWA - Progressive Web Application

4. Lecture 4:Exploring Application Structure and Workflow

5. Lecture 5:Making Use of React Hooks

6. Lecture 6:Build and Serve Project

7. Lecture 7:How to use a service worker

8. Lecture 8:Offline Cache

9. Lecture 9:Exploring Manifest.json

10. Lecture 10:Installing Progressive Web App in Chrome Browser

Let us start learning to create Progressive Web Applications