derived in Svelte
From the Svelte cheat sheet ยท Runes (Svelte 5) ยท verified Jul 2026
$derived
Computed values from state
javascript
<script>
let count = $state(0);
// Simple derived
const doubled = $derived(count * 2);
// Object derived
const stats = $derived({
count,
doubled: count * 2,
isEven: count % 2 === 0
});
</script>
<p>Count: {count}, Doubled: {doubled}</p>๐ Auto-updates when dependencies change
๐ Perfect for calculated values and statistics
๐ฏ Replaces $: reactive statements from Svelte 4
โก Cached and optimized automatically