web:pwa

About

A Progressive Web Application (PWA) ¹⁾ is a regular website that take advantage of modern browser functionality to augment the web experience progressively until you get a native look and feel application.

Its name comes from the context of progressive enhancement where the idea is to start small and then add up progressively functionalities.

A progressive web application can be made of:

several static page made dynamic through the use of javascript.
or only one page. ie single page application

A Progressive Web Apps run in a standalone window instead of a browser tab.

Where you host a static web site, you can host also a PWA.

With Javascript, Progressive Web Application (PWA) would take advantage of platform features like:

Web Components,
Browser - Worker (Javascript)
HTTP/2
IndexedDb,
Add to Home Screen,
Web Push API gives the capability to send Push Notifications to users, even when the browser is closed. Push APIs helps to re-engage with the users throughout the journey and increase conversion metrics many folds.
Credentials Manager API - Persistent Auto Login
Code Splitting/Route-chunking (loading only what is needed for a route to render).

Documentation / Reference

Library

preact - react for mobile

Metrics

Progressive Web Metrics session. BlinkOn Munich 2016

Lighthouse

lighthouse - a tool for auditing an app for PWA features and checking your app meets a respectable bar for web performance under emulated mobile conditions.

Example

insin/react-hn - a HackerNews client with server-side rendering & offline support. 11KB gzipped for the app bundle and 107KB for the vendor/React/libraries bundle
iFixit - a hardware repair guide built with React but which uses Redux for state management.
Housein.com