Cloud Native PWAs
Matt Raible & Mark Heckler
@mraible @mkheck
photo by: https://www.flickr.com/photos/theaucitron/5810163712
Slide 2
Slide 2 text
About You
Do you like Java? What about Spring?
Do you like JavaScript? TypeScript?
Anyone using Angular? PWAs?
Why are you here?
Slide 3
Slide 3 text
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
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
Thinker of thoughts at thehecklers.org, @MkHeck
Architect/Developer
Who is Mark Heckler?
Java Champion
Spring Developer Evangelist
Speaker
Author
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
The Future of Java in the Enterprise
https://www.infoq.com/articles/enterprise-java-opinion
Slide 16
Slide 16 text
start.spring.io
Slide 17
Slide 17 text
Live Coding with Mark
Slide 18
Slide 18 text
Fin
Slide 19
Slide 19 text
What about the client?
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 text
No content
Slide 23
Slide 23 text
2007
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
“We’ve failed on mobile”
— Alex Russell
https://youtu.be/K1SFnrf4jZo
Slide 27
Slide 27 text
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
Slide 28
Slide 28 text
The PRPL Pattern
Push
Render
Pre-cache
Lazy-load
Slide 29
Slide 29 text
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
Slide 30
Slide 30 text
Progressive Web Apps
Slide 31
Slide 31 text
Live Coding with Matt
Slide 32
Slide 32 text
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
Slide 33
Slide 33 text
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
Slide 34
Slide 34 text
Thanks!
https://github.com/mraible/cloud-native-pwas
Matt Raible & Mark Heckler
@mraible @mkheck