Descargar para leer sin conexión
MM19ES PWA Studio - Implementación y componentes
- 1. PWA STUDIO IMPLEMENTACIÓN YCOMPONENTES ¡BIENVENIDOS!
- 2. Magento2 Front EndDeveloper Interactiv4 @jdperez128 Jose Domingo Pérez
- 3. 1 2 3 Previo a laimplementación Montemos el entorno Customicemos el Storefront 4 Veamos los resultados
- 4. 1 Previo a laimplementación Tecnologías Backend • PHP • GraphQL @jdperez128 Magento(2.3) Backend GraphQL
- 5. Previo a laimplementación Tecnologías Frontend @jdperez128 ReactJS Redux Yarn Lerna Mustache NodeJS ApolloWebpack Hooks
- 6. Previo a laimplementación PWA Tools - Builds / Renders @jdperez128 • PWA Buildpack • Upward • Peregrine • Venia (ui) • Custom components
- 7. Montemos el entorno >_Go Shell! • Clonar PWA Studio • Instalación de dependencias • SSL • Environment (.env) • Starting a build • Run and Magic! @jdperez128 2 Node: ">=10.x" <!— NEW Changes in Release 4.0.0 —> <!— End NEW Changes —> $ git clone https://github.com/magento/pwa-studio.git $ yarn install $ yarn buildpack create-custom-origin packages/venia-concept $ MAGENTO_BACKEND_URL=“host_route” yarn buildpack create-env-file packages/venia-concept $ yarn run build $ yarn run watch:venia $ yarn run watch:all $ yarn run build && yarn run stage:venia
- 8. Montemos el entorno Entornoready! @jdperez128 En versiones anteriores:
- 9. Montemos el entorno Entornoready! @jdperez128 Ahora… SRC to LIB (!)
- 10. Customicemos el Storefront Creamosun componente • Upward • Template • ReactJS Component @jdperez128 3
- 11. Customicemos el Storefront Pasosiniciales @jdperez128 $ mkdir i4-meet $ yarn init -y $ yarn add @magento/upward-js express $ node server.js
- 12. Customicemos el Storefront Componentelisto @jdperez128 $ npx webpack && node server.js
- 13.
- 14.
- 15.