Magento PWA Studio - is it ready to use on production? - Marcin Kwiatkowski, Frontend Tech Leader at Divante Presentation originally presented at Magento Lightning Talks meetup on October 3rd, 2019, in Divante HQ. Learn more at Divante at https://divante.com Check out more Magento Lightning Talks at https://divante.com/blog/tag/magento-lightning-talks/

1. Marcin Kwiatkowski | Front-end Tech Leader
PWA Studio
is it ready to use in on production?

2. Let’s talk about
eCommerce
Hi, my name is Marcin Kwiatkowski
Front End Tech leader
Certified Magento 2 Front End Developer
email: mkwiatkowski@divante.com
website: www.marcin-kwiatkowski.com

3. A Progressive Web App, or PWA, is a web application that uses
modern web technologies and design patterns to provide a
reliable, fast, and engaging user experience.
Magento PWA Studio - is it ready to use on production?
What is PWA?
● Fast
● Secure
● Responsive
● Cross-browser compatible
● Offline Mode
● Mobile “Install”
● Sharable content

4. Magento PWA Studio - is it ready to use on production?
What is the Magento PWA Studio?
The Magento PWA Studio project is a set of developer tools that allow
for the development, deployment, and maintenance of a PWA
storefront on top of Magento 2

5. Magento PWA Studio - is it ready to use on production?
PWA Studio technology stack
● React
● Redux
● NodeJs
● Apollo
● Webpack
● Workbox
● GraphQL

6. Magento PWA Studio - is it ready to use on production?
PWA Studio Architecture
● PWA Studio storefront exists on a different application layer from Magento
● Headless architecture
● Microservice architecture
● API-only relationships
● One-way coupling
● Decoupled deployments
● Storefront replacement mechanism

7. Magento PWA Studio - is it ready to use on production?
PWA Studio Dev tools
● pwa-buildpack CLI tools
● Peregrine hooks and components
● Venia store and visual components
● UPWARD
● Shared Magento server

8. Magento PWA Studio - is it ready to use on production?
PWA Studio Demo
You can see it here:
https://pwa.codilar.in/

9. Magento PWA Studio - is it ready to use on production?
Current state of PWA Studio
● Working catalog
● Working customer login
● Working add to cart
● Working checkout

10. Magento PWA Studio - is it ready to use on production?
Next steps - milestones
● Performance Optimization (Application)
● Storefront and Theming
● Extensibility Framework
You can see all officall milestones here:
https://github.com/magento/pwa-studio/milestones

11. Magento PWA Studio - is it ready to use on production?
The biggest problems
● Payment methods availability

12. Magento PWA Studio - is it ready to use on production?
The biggest problems
● Payment methods availability
● Products with custom options

13. Magento PWA Studio - is it ready to use on production?
The biggest problems
● Payment methods availability
● Products with custom options
● GraphQl is not finished yet

14. Magento PWA Studio - is it ready to use on production?
The biggest problems
● Payment methods availability
● Products with custom options
● GraphQl is not finished yet
● Virtual Quotes

15. Magento PWA Studio - is it ready to use on production?
The biggest problems
● Payment methods availability
● Products with custom options
● GraphQl is not finished yet
● Virtual Quotes
● Shipping methods availability

16. Magento PWA Studio - is it ready to use on production?
Is it ready?

17. Magento PWA Studio - is it ready to use on production?
Is it ready?

18. Magento PWA Studio - is it ready to use on production?
Is it ready?

19. Magento PWA Studio - is it ready to use on production?
Conclusion
PWA Studio are getting closer and some
of the foundation pieces are in place but
still lots of progress needed.

20. LEARN MORE AT
DIVANTE.COM/BLOG