Svelte · Senior · Question 13 of 75

What does experimental async Svelte (5.36+) allow?

<script>
  let { id } = $props();
  const user = $derived(await getUser(id));
</script>

<h1>{user.name}</h1>

✓Correct answer: Using await at the top level of <script>, inside $derived and in markup; it requires experimental.async
2Running components in web workers
3Async event handlers only

Explanation

It's opt-in because it's not yet considered stable. Combined with <svelte:boundary> it handles pending states.

Further reading

Svelte: await expressions ↗

Test yourself

Take the Svelte · Senior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.