Styling, Routing, and Special UI APIs

Practice: Portals and Suspense

Explain why a modal might use a portal and why a lazy settings panel might use Suspense.

Difficulty: Advanced

Your practice editor

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

Preview runs React in a sandboxed browser frame, never on the server.

react

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?

Compare with the solution

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