Cloud Native PWAs

Matt Raible & Josh Long

@mraible @starbuxman
photo by: https://www.flickr.com/photos/theaucitron/5810163712
About You
Do you like Spring?

Do you like JavaScript? TypeScript?

Anyone using Angular? P.W.A.?

Why are you here?
Blogger on raibledesigns.com
UI Architect and Java Champion
Father, Skier, Mountain
Biker, Whitewater Rafter
Web Framework Connoisseur
Who is Matt Raible?
Bus Lover
Stormpath Developer Evangelist
• http://cloudnativejava.io
• @starbuxman
• josh@joshlong.com
• Java Champion
• open-source contributor 

(Spring Boot, Spring Cloud, Spring
Integration, Vaadin, Activiti, etc etc)
the Spring Developer Advocate
Josh Long ( , , जोश)
Originally published: 2004
start.spring.io
Live Coding with Josh
Fin
What about the client?
2007
“We’ve failed on mobile”

— Alex Russell

https://youtu.be/K1SFnrf4jZo
Mobile Hates You!
How to fight back:

Implement PRPL

Get a ~$150-200 unlocked Android (e.g. Moto G4)

Use chrome://inspect && chrome://inspect?tracing

Lighthouse

DevTools Network & CPU Throttling
The PRPL Pattern
Push 

Render

Pre-cache

Lazy-load
The PRPL Pattern
Push critical resources for the initial URL route

Render initial route

Pre-cache remaining routes

Lazy-load and create remaining routes on demand
Progressive Web Apps
Live Coding with Matt
B U I L D I N G
P R O G R E S S I V E W E B A P P S
I S H A R D
https://flic.kr/p/cAvyTd
Learned from PWA Giants
Josh Crowther - @jshcrowthe

PWAs: The Future of the Web

Maxim Salnikov - @webmaxru

PWAs using the Angular
Mobile Toolkit

Angular 2 PWA Workshop
Thanks!
https://github.com/mraible/cloud-native-pwas
Matt Raible & Josh Long

@mraible @starbuxman

Cloud Native Progressive Web Applications - Denver JUG 2016