Svelte · Junior · Question 66 of 76

Which syntax is legacy (Svelte 4) and should be avoided in new code?

✓Correct answer: export let, $: statements, on:click and <slot>
2$state, $derived and $props
3{#if} and {#each} blocks

Explanation

Their replacements: $props, $derived/$effect, onclick and snippets with {@render}.

Further reading

Test yourself

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