What are progressive web apps?

[makoo]

What are progressive web apps?

[dennis123]

Progressive web apps are a set of technologies that allow you to create an application-like experience on the web.


The term was first introduced by Alex Russell and Frances Berriman and discussed in Progressive Web Apps: Escaping Tabs Without Losing Our Soul - Infrequently Noted. In the post Alex note the following attributes for PWAs


Responsive: to fit any form factor
Connectivity independent: Progressively-enhanced with Service Workers to let them work offline
App-like-interactions: Adopt a Shell + Content application model to create appy navigations & interactions
Fresh: Transparently always up-to-date thanks to the Service Worker update process
Safe: Served via TLS (a Service Worker requirement) to prevent snooping
Discoverable: Are identifiable as "applications" thanks to W3C Manifests and Service Worker registration scope allowing search engines to find them
Re-engageable: Can access the re-engagement UIs of the OS; e.g. Push Notifications
Installable: to the home screen through browser-provided prompts, allowing users to "keep" apps they find most useful without the hassle of an app store
Linkable: meaning they're zero-friction, zero-install, and easy to share. The social power of URLs matters.

[chandrao7]

Flipboard is one of the best examples of PWA for online news. The PWA minimizes data usage to deliver a slick and fast browsing experience, in a beautiful interface. Until the launch of their PWA, Flipboard was a mobile app, which only presents on mobile devices.

[jayam]

Progressive Web Apps are web apps that use emerging web browser APIs and features along with traditional progressive enhancement strategy to bring a native app-like user experience to cross-platform web applications. Progressive Web Apps are a useful design pattern, though they aren't a formalized standard.

[jayammrg]

Right now, you must be wondering which is the difference between Web App and Progressive Web App. The difference is that PWA is a “boosted” Web App. ... Progressive – It must work for all the users, regardless of which browser is used, because the app should be built using progressive enhancement patterns

[godwin]

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.

[GeethaN]

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.