This tutorial guides you through overriding and extending a Venia component in order to display specific custom content in your custom React component on a custom Magento PWA site.
By the end of this tutorial, you will know how to:
- Create a simple custom React component with simple custom content for your Magento PWA Studio site
- Override Venia components to display that newly created custom content on your custom Magento PWA Studio site:
- Sample 1: Display a Masthead at the Main Top Content position on all pages of Magento PWA Studio site
- Sample 2: Display a Slideshow at the Main Top Content position on the homepage of Magento PWA Studio site
Once you master them, you can create your own complex React components beyond these small sample pieces.
Let’s get started. Continue reading