Progressive Web Application With React Jumpstart

In this lecture, we will write our service worker which will fit into our react project.

In this lecture we will understand what our application is all about.

In this lecture, we will design the layout of our application using react material. 

In this lecture, we will analyze the network calls of our application.

In this lecture, we are going to make use of the cache api to cache our minimal layout files. 

In this lecture, we will intercept the network calls to return our files from caches. 

In this lecture, we will reveal what is Application Shell Architecture.

In this lecture, we will see how Uber uses application shell architecture for their web application. 

General introduction to SPA.

In this lecture, we will set up our react router. 

We will talk about how to close the drawer on onClick event.

In this lecture, we will talk about "Update on Reload"

Exercise - 1

General introduction to the product hunt API

In this lecture, we will be using the fetch polyfill to fire ajax calls.

We will display the data coming from the server to the UI.

We will add a simple loading icon for our web application. 

In this lecture we will discuss on how to store the dynamic content to the local storage

We will improve our application look and feel by using React Material components.

In this lecture, we will a technique to cache the images dynamically.

In this lecture we will implement the code for offline and online listeners.

Third Exercise details.

In this lecture, we will discuss why we need an android emulator. 

In this lecture, we will discuss how to build our project in production mode.

In this lecture, we will discuss about web application manifest

In this lecture, we will be changing our icon.

We will discuss what is push notification and why it will be useful in our progressive web app. 

In this video, we will be talking about the front end code which will allow us to subscribe to user notifications.

In this section, we will write the code for back-end for processing our request. 

In this section, we are going to connect our front end code by registering ourself to push notifications. 

In this section, we will discuss how to listen for push notification using the event 'push'