Svelte Reactivity Dollar Reactive Statements Derived

Definisi

Reactivity Svelte berpusat pada assignment dan reactive statements ($:). Apapun yang bergantung pada nilai berubah akan otomatis diperbarui saat compile-time, tanpa API khusus.

Kapan dipakai

• Hitung nilai turunan (total harga, filter list) dari state.
• Jalankan efek samping saat variabel berubah.
• Singkatkan ekspresi berulang di template.

Cara kerja

Reactive statement

svelte

<script>
  let harga = 1000;
  let qty = 2;
  $: total = harga * qty;        // total update saat harga/qty berubah