Modeling Real Application Data

Practice: Unions and narrowing

Model loading, success, and error states with a discriminated union and render one state.

Difficulty: Beginner

Edit the starter code, run it, then submit it for safe code checks.

html

editor

preview

Preparing preview...

Ready for feedback?

Your code is checked as text and is never executed on the server.

Login to save exercise progress

You can still practice, but attempts are only saved for logged-in learners.

stuck?

Try the task first. Then reveal the solution and compare it with your code.