Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Development with Magento PWA Studio - M2NGP03 (Virtual Meetup)

How to develop a simple Magento PWA Studio write a small extension.
https://www.youtube.com/watch?v=5fTIYrGZH0M

Ähnliche Bücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

Ähnliche Hörbücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen
  • Als Erste(r) kommentieren

Development with Magento PWA Studio - M2NGP03 (Virtual Meetup)

  1. 1. Copyright © 2019 TechDivisionall right reserved. Development with Magento PWA Studio
  2. 2. Copyright © 2019 TechDivisionall right reserved. Lars Röttig ● Senior Software Engineer ● Maintainer Magento Community Engineering Team
  3. 3. What is a Progressive Web App ? Copyright © 2019 TechDivisionall right reserved. ● Mobile installable ○ Push News ○ Geolocalization ○ Camera ○ Microphone ● Mobile first approach optimized for mobile devices ● Offline support ● Sensory detection of position and movement of the device
  4. 4. PWA Studio components and respobillitys Copyright © 2019 TechDivisionall right reserved. ● Pagebuilder ○ Frist PWA Studio Extension ● Peregrine ○ Holds all custom hooks as library ● Pwa-buildpack ○ Contains build and development tools ● upward-js
  5. 5. PWA Studio components and respobillitys Copyright © 2019 TechDivisionall right reserved. ● venia-concept ● venia-styleguide ● venia-ui
  6. 6. Venia UI Extensibility Targets Copyright © 2019 TechDivisionall right reserved.https://magento.github.io/pwa-studio/venia-ui/reference/targets/ @magento/venia-ui
  7. 7. Peregrine Extensibility Targets Copyright © 2019 TechDivisionall right reserved. https://magento.github.io/pwa-studio/peregrine/reference/targets/ @magento/peregrine
  8. 8. Built-in Targets Copyright © 2019 TechDivisionall right reserved. https://magento.github.io/pwa-studio/pwa-buildpack/reference/targets/ @magento/pwa-buildpack
  9. 9. Copyright © 2019 TechDivisionall right reserved. Live Coding
  10. 10. Copyright © 2019 TechDivisionall right reserved. Link-Collection ● https://pwastudio-stats.com/ - ⚡Stats for PWA Studio ● https://larsroettig.dev/getting-started-with-pwa-studio-extensibility/ - More complex Plugin ○ https://github.com/larsroettig/pwa-studio-component-override ● https://webpack.js.org/api/compiler-hooks/ - Compiler Hooks docs ● https://github.com/fooman/venia-ui-override-resolver - OverrideResolver good for a custome theme ● https://varunzxzx.github.io/blog/writing-babel-plugin - Ho to writing own Babel Plugins

×