Understanding Svelte 5 Runes: A New Era of Reactivity

What are Runes?

Svelte 5 brings a paradigm shift with Runes, a set of symbols that explicitly opt-in to reactivity.

The Big Three

1. $state: The new way to declare reactive state.
2. $derived: For computing values based on other state.
3. $effect: For side effects.