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?
- Create an App Manifest
- Create an App Shell
- Precache essential assets
- Cache data and images.
- 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
Building
Progressive Web Apps
with Angular
@mikegeyser
DevConf - March 2018