Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Progressive web apps

286 views

Published on

Progressive web apps

Published in: Design
  • Be the first to comment

  • Be the first to like this

Progressive web apps

  1. 1. Progressive Web Apps
  2. 2. EZEKIEL CHENTNIK • Principal JavaScript Engineer @ Northwestern Mutual • Building a new engineering culture with incredible engineers • Building highly available React/Redux Apps on incredible stack • Hack-a-thons, Experimenting, Engineer Bootcamp • Author of ‘Developing a Redux Edge, O’Reilly Media’ • Previous: Large Scale Things @booking.com (Amsterdam, NL) • 700,000+ transactions/day • Rapid UI & UX development, experimenting (me: shipping 30 features in 2 week period to millions of users with zero issues) • Ran conclusive A/B tests worth $1,500,000 / day, quarter over quarter • UX designer, Senior JavaScript Engineer, Team Lead; on Maps & Geo Data team, Mobile
  3. 3. • Progressive • Discoverable • Linkable • Responsive • App-like • Connectivity-independent • Re-engageable • Installable • Fresh • Safe Attributes of a PWA
  4. 4. Why PWA
  5. 5. 2012: future Zeek already been done did this 2013: You're crazy to build web apps. 2015: You guys are visionaries. 2016: Progressive web apps are kind of a thing. 2017: Time to take over the world 2018: future future Zeek continues to chuck middle finger at naysayers
  6. 6. Really Really, real world examples • Flipkart • Twitter • Alibaba • Northwestern Mutual (is cool enough…)
  7. 7. Reference App https://preact-pwa.appspot.com
  8. 8. Manifest
  9. 9. Web App Manifest
  10. 10. App Shell, lazy universal
  11. 11. App Shell
  12. 12. Universal JavaScript
  13. 13. Universal JavaScript
  14. 14. Service Workers
  15. 15. Offline caching
  16. 16. Performance Nuggets
  17. 17. • Large numbers are the accumulation of small numbers • Performance is about perception (curb a users expectations, ~200ms) • Perf first, customer experience is more important than Developer experience • Lighthouse (demo)
  18. 18. CX > DX

×