state in Svelte

From the Svelte cheat sheet · Runes (Svelte 5) · verified Jul 2026

$state

Reactive state management rune

javascript
<script>
  // Simple state
  let count = $state(0);
  
  // Object state
  let user = $state({ name: 'Alice', age: 25 });
  
  // Array state
  let todos = $state([]);
</script>

<button onclick={() => count++}>
  Count: {count}
</button>
🎯 Replaces let declarations for reactive state
🔄 Deep reactivity for objects and arrays automatically
📦 Works with classes and complex structures
⚡ Fine-grained reactivity with minimal re-renders

More Svelte tasks

Back to the full Svelte cheat sheet