This document discusses building progressive web apps. It introduces Matt Raible and his background working with web frameworks like Spring Boot. It then covers the PRPL pattern for progressive web apps, which involves pushing critical resources, rendering, pre-caching remaining routes, and lazy-loading routes. It also discusses using tools like Lighthouse and Chrome DevTools for testing mobile performance. The rest covers a demo of creating a beer API and UI using Stormpath and deploying it to iOS, as well as resources for learning Ionic and staying in touch with Matt Raible.

1. BUILDING PROGRESSIVE WEB APPS
MATT RAIBLE / @MRAIBLE
WITH AND

2. 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

4. Stormpath User Management

5. Spring Boot
Automatically configures Spring whenever possible
Provides production-ready features such as metrics, health checks and
externalized configuration
Absolutely no code generation and no requirement for XML
configuration
Embeds Tomcat, Jetty or Undertow directly

6. SPRING INITIALIZR @ start.spring.io

10. “We’ve failed on mobile”
— Alex Russell
https://youtu.be/K1SFnrf4jZo

11. 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

12. The PRPL Pattern
Push
Render
Pre-cache
Lazy-load

13. 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

14. Progressive Web Apps

15. Stormpath SDK for Angular

16. Live Coding!
Create 🍺 API
Create UI
Add Stormpath
Deploy to iOS

17. Resources
Demo Code
https://github.com/stormpath/
stormpath-spring-boot-ionic-example
Step-by-step Tutorial
https://github.com/stormpath/
stormpath-spring-boot-ionic-example/
blob/master/TUTORIAL.md

18. LEARN IONIC

19. Shortcut to becoming an Ionic Expert
JUST DO IT.

20. Shortcut to becoming an Ionic Expert
JUST DEV IT.

21. 😂

22. Keep in touch!
raibledesigns.com
@mraible
linkedin.com/in/mraible
Presentations
slideshare.net/mraible
Code
github.com/mraible
Questions?