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

Transcript

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

   View Slide

2. Slack is the bane of my life
   

   View Slide

3. View Slide

4. “Online” is a lie
   

   View Slide

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

   View Slide

6. So what’s the aim of PWA
   ● Fast perceived load time
   ● Consistent, smooth experience
   ● Regardless of network conditions
   ● Primed for re-use
   

   View Slide

7. Service Worker
   ● Background JavaScript that runs even when offline
   ● Provides features like:
   ○ Intercept network requests and cache.
   ○ Push Notifications
   ○ Background Sync
   

   View Slide

8. View Slide

9. View Slide

10. Time for Single Page Applications
    

    View Slide

11. View Slide

12. Single Page Applications
    ● Single page load, dynamically load with JS
    ● Separating application structure from content
    

    View Slide

13. Headless
    ● Makes system sense.
    ● Systems that change at different rates should be decoupled
    

    View Slide

14. But Magento.
    

    View Slide

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
    

    View Slide

16. View Slide

17. View Slide

18. View Slide

19. View Slide

20. View Slide

21. Spacebunny
    

    View Slide

22. View Slide

23. View Slide

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
    

    View Slide

25. No mean feat
    ● Some very successful projects
    ● Intense focus on performance
    ● More complicated than ever
    ● But it’s never been more exciting
    

    View Slide

26. Frontend Monitoring Tools
    ● Sentry.io
    ● New Relic Browser
    

    View Slide

27. Free stuff!
    

    View Slide

28. fourpintsin.com
    

    View Slide

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

    View Slide