Cloud Native PWAsMatt Raible & Mark Heckler @mraible @mkheck

photo by: https://www.flickr.com/photos/theaucitron/5810163712

About You

Do you like Java? What about Spring?

Do you like JavaScript? TypeScript?

Anyone using Angular? PWAs?

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 LoverStormpath Developer Evangelist

Thinker of thoughts at thehecklers.org, @MkHeck

Architect/Developer

Who is Mark Heckler?

Java Champion

Spring Developer Evangelist

SpeakerAuthor

The Future of Java in the Enterprise

https://www.infoq.com/articles/enterprise-java-opinion

start.spring.io

Live Coding with Mark

Fin

What about the client?

2007

“We’ve failed on mobile”

— Alex Russellhttps://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 & Mark Heckler @mraible @mkheck