Rendering a list of items with map()

Scenario

Context An e-commerce application needs to display a list of products fetched from an API. The Problem The team is manually writing JSX for each product, making the code unmaintainable as the product catalog grows. Constraints Use the Array.map() method to render a list of product items. Assign a unique key prop to each element. Extract a reusable ListItem component. Expected Deliverable A React component that dynamically renders a list of items from an array using map(), with proper key props and a reusable child component.

Targeted skills