Svelte memiliki reaktivitas berbasis assignment. Ketika kamu mengubah nilai variabel, UI otomatis terupdate.

Reaktivitas Dasar

<script>
  let count = 0

  function increment() {
    count += 1  // UI otomatis update!
  }
</script>

<button on:click={increment}>
  Diklik {count} kali
</button>

Aturan Penting

Svelte hanya mendeteksi assignment (penugasan):

<script>
  let items = [1, 2, 3]

  // ❌ push tidak memicu update
  // items.push(4)

  // ✅ assignment memicu update
  items = [...items, 4]
</script>

Reactivity di Svelte sangat efisien karena compiler tahu persis variabel mana yang berubah.