All Tasks
Buildbeginner
30 min

Build a Product Card Component Tree

Build a product catalogue page in Angular. A `ProductListComponent` fetches a hard-coded array of products and renders a `ProductCardComponent` for each. The card accepts a `product` input and emits a `addToCart` event. Both components must use `OnPush` change detection.

Your progress0%

Requirements

Skills you'll use

AngularTypeScript@Input@OutputOnPush

Read this first

This task is based on the lesson below. Complete the reading before attempting it.

Go to lesson

What to expect

Difficulty
beginner
Time
30 min
Steps
6
Type
Build