Progressive Web Apps

A new way to deliver amazing user experiences on the web.

Status Quo

  • Network connection required
  • Launch browser and navigate to web app
  • Only in foreground

Some features

  • Offline
  • Push notifications
  • Installable

Offline

App Shell Architecture

Push Notifications

Browser API

if ('serviceWorker' in navigator && 'PushManager' in window) {
  console.log('Service Worker and Push is supported');
} else {
  console.warn('Push messaging is not supported');
}

Basic Flow

Installable

  • Icon in AppDrawer
  • Launches in Browser without address bar

Make WebApps feel like native apps

Made with Slides.com