The Magento PWA Landscape

167e3044ed845338afdf5cc3446f5b17?s=47 Tom Robertshaw
February 21, 2018

The Magento PWA Landscape

2017 saw us introduced to the concept of PWA. 2018 is going to be the year of early adopters. What solutions are Magento and the community building and how do we prepare ourselves for this revolution.

Given at the London Magento Meetup on 21st February 2018

167e3044ed845338afdf5cc3446f5b17?s=128

Tom Robertshaw

February 21, 2018
Tweet

Transcript

  1. PWA Landscape TOM ROBERTSHAW Ecommerce Evangelist at Space 48 @bobbyshaw

    Magento
  2. Slack is the bane of my life

  3. None
  4. “Online” is a lie

  5. “You are now connected to the Wifi” (Also a lie)

  6. So what’s the aim of PWA • Fast perceived load

    time • Consistent, smooth experience • Regardless of network conditions • Primed for re-use
  7. Service Worker • Background JavaScript that runs even when offline

    • Provides features like: ◦ Intercept network requests and cache. ◦ Push Notifications ◦ Background Sync
  8. None
  9. None
  10. Time for Single Page Applications

  11. None
  12. Single Page Applications • Single page load, dynamically load with

    JS • Separating application structure from content
  13. Headless • Makes system sense. • Systems that change at

    different rates should be decoupled
  14. But Magento.

  15. Magento PWA Studio • Super excited about Magento • Growing

    an impressive & experienced frontend team. • React Ecosystem • Aim to release tooling this year • Longer term, alternative to Magento frontend
  16. None
  17. None
  18. None
  19. None
  20. None
  21. Spacebunny

  22. None
  23. None
  24. Evaluate your options • In-house development skill sets • Flexibility

    when moving agency • Extension integration time • Long-term success of the project • Importance for your brand to be on the cutting edge
  25. No mean feat • Some very successful projects • Intense

    focus on performance • More complicated than ever • But it’s never been more exciting
  26. Frontend Monitoring Tools • Sentry.io • New Relic Browser

  27. Free stuff!

  28. fourpintsin.com

  29. space48.com/pwa-guide tom@space48.com