5 hands-on exercises and 5 find-the-bug challenges for the Conditional Rendering lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Show Welcome back when signed in, Please sign in otherwise.
Show a badge only when there are unread messages.
Return a locked message before rendering the rest.
Show loading, failed or ready from one status value.
Show the panel only after the button is pressed.
The signed-in and signed-out messages are swapped.
A number on the left of && is rendered when it is zero.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceThe condition is inverted, so the locked page is never shown.
A single equals assigns instead of comparing.
The button sets the same value it already has.