Mengenal Svelte 5 Runes

Mengenal Svelte 5 Runes

20 Mei 2024
5 Menit Membaca

Svelte 5 memperkenalkan sistem reactivity baru yang disebut Runes, yang dirancang untuk membuat alur data lebih eksplisit dan mudah dipahami.

Dengan pendekatan baru ini, developer tidak lagi bergantung pada reactivity implisit berbasis assignment, melainkan menggunakan API yang jelas seperti $state, $derived, dan $effect.

  • $state digunakan untuk mendefinisikan state reaktif.
  • $derived digunakan untuk membuat nilai turunan dari state lain.
  • $effect menangani side effect ketika state berubah.

Pendekatan ini membuat kode lebih mudah di-debug, lebih predictable, dan lebih ramah untuk tooling seperti TypeScript.

© 2026 Asdev. All rights reserved.