Building

Progressive Web Apps

with Angular


@mikegeyser

DevConf - March 2018

What are PWAs, anyway?

Fast

Integrated

Reliable

Engaging

Progressive

Responsive

Connectivity independent

App-like

Fresh

Safe

Discoverable

Re-engageable

Installable

Linkable

App Manifest

App Shell

Service Worker

PRPL

  • Push critical resources.
  • Render initial route.
  • Pre-cache remaining routes.
  • Lazy-load on demand.

So, what will we use?

Where do we start?

  1. Create an App Manifest
  2. Create an App Shell
  3. Precache essential assets
  4. Cache data and images.
  5. Allow offline updates.
  • Remove dependencies
  • Progressive images.
  • Text compression.
  • Code splitting.

Summary

(Why should you care?)

Is it ready?

Questions?


@mikegeyser

mike@bbd.co.za

zatech.co.za