Hello and welcome to this video.
In this video, we are going to be taking a look at some of the key components of progressive web apps.
There are several component pieces to make a progressive web app.
So I'm going to list some of the key components.
The first is the manifest.
The money first basically is one of the building blocks of progressive web application.
And this basically is a Jason file that includes method data of the applications.
So it contains some key information about the application, such as the name of the application, the
icon.
The application uses the launch.
You are that the link you can use to access the app, the app configuration data, a background color
and all that and essential information that the app requires is actually stored in the Manifest file.
The next vital component is the service worker.
This component basically makes the progressive web app feels like a mobile app in a progressive web
application.
When the website loads, they basically download and cache certain contents or data on a device locally.
With the help of the service workers, a service worker is basically a JavaScript file.
A service worker has a lifecycle with three stages their registration, the installation and the activation.
So when a user enters a progressive web app for the first time, the service worker downloads and catches
the view along with the content in the background.
As a result, the site appears to load very quickly to the user.
The next time he or she visits the application, the service worker is also responsible for push notifications.
The next component of a progressive web application is an icon, so a progressive web application requires
an icon that should be ideally 144 by 144 in size, and the format is usually a P and G format.
This is basically the icon that appears on the home screen or in the app's tree.
And this makes the app distinguishable so a user can basically tap on the icon to launch the app.
The next vital component of progressive web application is security.
Using Hasti TPS through a progressive web app is served through a secure ATP connection.
This is the only way you can access and use the progressive web application.