How do you declare reactive state in Svelte 5? let count = $state(0); count++}>{count}

With $state(initialValue); the value is used and updated like a normal variable

With useState(0), which returns a value and a setter

Any top-level let is reactive automatically

Svelte · Junior · Question 10 of 76

How do you declare reactive state in Svelte 5?

<script>
  let count = $state(0);
</script>

<button onclick={() => count++}>{count}</button>

✓Correct answer: With $state(initialValue); the value is used and updated like a normal variable
2With useState(0), which returns a value and a setter
3Any top-level let is reactive automatically

Explanation

count is just a number, there is no .value or setter. Plain let declarations being reactive was Svelte 4 behaviour; in runes mode you need $state.

How do you declare reactive state in Svelte 5?

Explanation

Further reading

Problem with a question

Test yourself