Svelte Lifecycle Onmount Ondestroy Tick Beforeupdate Afterupdate

Definisi

Svelte menyediakan hook siklus hidup komponen: onMount (setelah DOM masuk), onDestroy (saat komponen dibuang), beforeUpdate/afterUpdate (sebelum/sesudah DOM di-patch), dan tick (tunggu hingga DOM selesai update).

Kapan dipakai

• onMount: fetch data, init library DOM (chart, map), pasang listener global.
• onDestroy: bersihkan interval, event listener, subscription.
• tick: tunggu render selesai sebelum baca ukuran DOM.
• before/afterUpdate: sinkronisasi dengan DOM eksternal (jarang perlu).

Cara kerja

onMount & onDestroy

svelte

<script>
  import { onMount, onDestroy } from 'svelte';
  let timer;
  onMount(() => {
    timer