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.

Andrew Levine's Reaction PWA Studio Slides

196 views

Published on

Slide deck from Reacticon presentation by Andrew Levine from Magento Commerce.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Andrew Levine's Reaction PWA Studio Slides

  1. 1. Welcome Back!
  2. 2. PWA Studio
  3. 3. Thank You! • Jisse Reitsma • James Zetlen (and a special mention for VIM) • Shane Osbourne • Jamie Maria Schouren + Michal Wujas + Deity Crew • Bartek Iglieski • Everyone else I inevitably forgot (Sorry!)
  4. 4. Who’s this guy? • Front End Architect @ Magento • OSS Contributor (Babel) • Animal Lover • Prior E-Com experience @ Volusion • Lives in Austin, Texas • Joined Magento in July 2017
  5. 5. @DrewML
  6. 6. PWA Studio is: Peregrine Buildpack Theme
  7. 7. Peregrine UI Atoms E-Commerce Components Complete Pages
  8. 8. Buildpack
  9. 9. Theme Idiomatic React
  10. 10. RootComponent https://store.com/a-basic-product https://store.com/an-event-product Cool Store – Product Foo Cool Store – Product Bar <ProductPageBasic /> <EventProductPage /> RootComponent
  11. 11. Product Photo Product Title Product Description Add to Cart Add to Wishlist Event Photo Reserve Ticket Event Schedule https://store.com/a-basic-product https://store.com/an-event-product Cool Store – Product Foo Cool Store – Product Bar <ProductPageBasic /> <EventProductPage /> Header Header
  12. 12. Routing https://www.store.com/wooden-shoes Cool Store – Wooden Shoes
  13. 13. Routing https://www.store.com/ ¯_(ツ)_/¯ Cool Store – Wooden Shoes
  14. 14. URL Resolver
  15. 15. Infrastructure
  16. 16. But what about
  17. 17. Contributing
  18. 18. Contributing

×