5 hands-on exercises and 5 find-the-bug challenges for the Composing Components lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Define a Header component and render it from App.
Render the same Item component two times.
Compose Header, Body and Footer inside App.
Have App render Card, and Card render Title.
Render three Row components inside a table body.
A lowercase tag is treated as an HTML element, not your component.
Render the component as a tag so React manages it.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceOnly one Item is rendered; the list needs two.
A component with no children must close itself.
Title should render inside Card, not beside it.