Cloud Native PWAsMatt 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 LoverStormpath 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 AdvocateJosh Long ( , , जोश)

Originally published: 2004

start.spring.io

Live Coding with Josh

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 & Josh Long @mraible @starbuxman