Svelte menyediakan lifecycle functions yang dipanggil pada tahap tertentu.

onMount

<script>
  import { onMount } from "svelte"

  let data = []

  onMount(async () => {
    const res = await fetch("/api/data")
    data = await res.json()
  })
</script>

onMount dipanggil setelah komponen pertama kali dirender ke DOM.

onDestroy

<script>
  import { onDestroy } from "svelte"

  let interval = setInterval(() => console.log("tick"), 1000)

  onDestroy(() => clearInterval(interval))
</script>

beforeUpdate dan afterUpdate

<script>
  import { beforeUpdate, afterUpdate } from "svelte"

  beforeUpdate(() => {
    // sebelum DOM diupdate
  })

  afterUpdate(() => {
    // setelah DOM diupdate
  })
</script>