Originally published on danholloran.me

If you've ever wrestled with Svelte 4's reactive declarations — that vaguely magical $: syntax that sometimes works exactly as you expect and sometimes very much doesn't — you'll appreciate what Svelte 5 brings to the table. Runes are a new set of explicit reactive primitives that replace the old implicit system, and they're a genuine improvement: clearer, more predictable, and no longer confined to .svelte files.

What Are Runes?

Runes are compiler-recognized functions prefixed with $ . Think of them as signals — they tell Svelte's compiler (and now its runtime) where reactivity lives and how it flows. Svelte 5 ships four core runes: $state , $derived , $effect , and $props .…