Challenge: Product Listing Page
Explore how to build a product listing page by creating stateless React components that display products, handle user clicks with buttons, and use props to drive dynamic content. Learn to add reusable tags for sale items and style components effectively in this practical challenge.
Problem statement
You are tasked with creating a product listing page as part of a larger online store application. This page should include a header, display a list of products, indicate if a product is on sale, and feature a “Buy now” button that responds to user clicks. All components should be stateless, and all dynamic behavior or content should be driven by props.
Task 1: Building the UI structure and applying styles
Create a
Headercomponent that displays a title, e.g., “Our Products”. ...