Svelte 5 Code Writer

Quick Reference

Svelte 5 uses runes (functions starting with $) for explicit reactivity:

<script lang="ts">
  let count = $state(0); // Reactive state
  let doubled = $derived(count * 2); // Computed value
  let { name, age } = $props(); // Component props

  $effect(() => {
    // Side effects
    console.log(`Count is ${count}`);
    return () => console.log("cleanup");
  });
</script>