Challenges

Build a Reusable React Profile Gallery

20m

easy

Turn repeated profile markup into a reusable React component. Practice the central React idea: describe a UI with small components, pass data through props, and render repeated data from an array.

Repair a JSX Product Card

20m

easy

A product card was copied from HTML into a React component. Fix the JSX so it compiles and renders product data correctly.

Compose a Small React Dashboard

20m

easy

Build a dashboard from focused components. See why teams use React: a parent can compose reusable UI pieces and pass each the data it needs.