5 hands-on exercises and 5 find-the-bug challenges for the Where to Go Next lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Combine state, an event and rendering.
Render the items, or a message when there are none.
Combine a prop and children in one component.
Set a label from an effect once mounted.
Bind an input and clear it from a button.
The handler does not change the state.
The check is inverted.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceThe card renders its title but not its contents.
The label stays empty because there is no effect.
The input is not bound to state, so clearing does nothing.