5 hands-on exercises and 5 find-the-bug challenges for the Your First Component lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Wrap a heading and a paragraph in a single div.
Return two elements without adding a wrapper element.
Render nothing when the hide prop is true.
Build a row from an icon, a name and a role component.
Write the component as an arrow function instead of a declaration.
A function cannot return two values; the siblings need a parent.
A line break after return ends the statement, so the component returns undefined.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceEvery JSX tag must close, including void elements.
Stringifying the whole object shows its braces and quotes; read the field you meant.
A component with no return renders nothing at all.