🎉 PWA Studio 2.0.0 is live on NPM. Welcome!
What's new
This is a brief development summary for this release.
For a list of relevant Pull Requests related to the 2.0 release, see this GitHub query result.
Server platform and language independence
- UPWARD spec introduced for cross platform server behavior configuration.
An UPWARD file describes a stack-agnostic server that is used for server side rendering, asset delivery, and proxying. - A PWA package can now define its network requirements in an UPWARD file.
- A PWA can now be deployed on any tech stack as long as the server is UPWARD compliant.
- UPWARD servers implemented in NodeJS and PHP
- UPWARD spec published and open for community contribution.
Related documentation updates
Improved developer experience
- Implemented consistent patterns for workflow, such as action/reducer organization and container/presentational separation, in the Venia reference storefront source code.
- Venia components are now portable and can be used in any React application.
- New centralized driver and adapter concepts for all PWA-Studio component input/output.
- Configurable low level UI elements, such as lists and forms, available for developers without the need for drivers or adapters.
- Improved error handling to help detection and recoverability.
Related documentation updates
Venia app-like experience
- Pagination feature added to Venia reference storefront for app-like navigation.
- Inline checkout implemented in the Venia reference storefront.
- Basic account creation and management implemented in Venia.
- Loading state implemented to improved the app-like experience.
Related documentation updates
Improved shopper experience
- Braintree checkout integration in the Venia reference storefront.
- Search with intelligent previews implemented in the Venia reference storefront.
Related documentation updates
PWA compliance
- Web App Manifest file created for the Venia reference storefront.
This file provides the metadata for adding the Venia storefront to a mobile home screen. - Service worker optimizations.
Performance enhancements
- Smart caching implemented to improve service worker catalog caching
- Bandwidth usage optimizations achieved using:
- Dynamic image compression/resize
- Advanced minification
- Bundle splitting
- Improved app performance on devices, including smoother renders and faster Time To First Meaningful Paint.
GraphQL usage
- GraphQL usage increased to match coverage updates in Magento 2.3.0.
Magento Cloud compatibility
- A new Magento module (
Magento_UpwardConnector) is available to route frontend requests through an UPWARD-PHP server. - Solution Implementers(SI) can replace existing Magento cloud storefronts with a new PWA storefront using the UPWARD connector module.
- Documentation created for deploying storefront to Magento Cloud
- Assistance offered by Magento Enterprise Cloud deployment team
Related documentation updates
- README for the
Magento_UpwardConnectormodule, which contains Cloud deployment instructions.
Other documentation updates
New topics
Updated topics
Known issues
- After submitting a successful order, the application throws up an error notification, and the user has to actively click out of the error notification. (#916)
- Create account page displayed with null values for email, first and last name when creating an account during a guest checkout. (#830)
- (Mobile specific) When there are more categories, users cannot scroll to Sign in button. It blocks user from signing to the account. (#824)
Other notable updates
- Switched from NPM to Yarn for package management
- Setup Venia storefront video developed and available in Magento U