2. What is PWA?
● PWA (Progressive Web Apps) are the web pages that look like
mobile apps having similar interactions and navigations.
● These are the advanced form of responsive web apps with
additional features of apps.
● These allow users to make use of the latest features supported
by modern browsers.
3. Key Features Of PWA?
● PWA provide full responsiveness and browser compatibility
● Another benefit is connectivity independence
● It includes an app-like interface.
● PWA always update themselves automatically which means the
apps stay fresh.
4. Pros Of PWA
● It makes any web app experience faster and reliable due to
progressive enhancement.
● Cheaper to build and maintain.
● Reduced installation friction.
● PWAs can work on multiple platforms which in turn reduces
the cost of development.
● Easy to find & share.
5. Cons Of PWA
● Limited functionality that is PWAs can’t support native app
typical features like fingerprint scanning, NFC, inter-app
communication, and camera controls.
● Limited hardware & software support.
● No download app store presence.
6. Tools & Framework For The Development Of PWA
● AngularJS
● Ionic
● Vue.js
● Polymer
● LightHouse
● React
7. AngularJS
❏ Most popular PWA framework and tool.
❏ First introduced in 2009
Benefits of using AngularJS as one of the framework for PWA:
❏ MVC Framework
❏ Good support from various communities
❏ Presence of Intellisense and Typescript
❏ Well-defined method for implementation
8. Ionic
❏ Ionic is based on Apache Cordova and Angular framework.
Benefits of Ionic as one of the framework for PWA:
❏ Ionic has a large plug-in library for accessing APIs
❏ It reduces the cost of development for it’s open-source and is
free
❏ Easy maintenance with the help of built-in browser instrument
9. Vue.js
❏ It is one of the fastest evolving libraries due to its high-speed
rendering.
Benefits of Vue.js as one of the framework for PWA:
❏ Vue.js is a fast rendering with Virtual DOM
❏ This is well supported by Laravel and Alibaba
❏ Vue.js is very flexible to set up with the help of Typescript and
JSX
❏ First rendering with Virtual DOM
10. Polymer
❏ The polymer is an open-source progressive web app framework
developed by an in-house team of Google.
Benefits of Polymer:
❏ This Framework has a great documentation ability
❏ A wide base of components across browsers
❏ It is a full web app stack support which includes routing, data
tier, and responsive layouts.
11. React
❏ It includes a wide javascript library.
Benefits of React as a PWA framework:
❏ A greater community support
❏ Greater scalability and flexibility
❏ Speed in rendering with efficient virtual-DOM
12. Conclusion
❏ These are some of the most popular frameworks and tools
which are used for creating Progressive web apps.
❏ Choosing the right platform for making a PWA will help you in
many ways.
❏ They can grab more business for you and can attract more
users.