Svelte 5 & SvelteKit: Era Runes dan Remote Functions

Svelte 5 membawa sistem reaktivitas yang benar-benar baru lewat runes, dan ekosistem SvelteKit terus matang hingga 2026. Ringkasan dari dokumentasi resmi Svelte.

Runes: Reaktivitas Eksplisit

Menggantikan deklarasi reaktif implisit Svelte 4 dengan primitif yang eksplisit dan dapat dipakai juga di file .svelte.ts:

<script>
  let count = $state(0);
  let double = $derived(count * 2);
  $effect(() => console.log(count));
</script>

Hasilnya model reaktivitas yang lebih prediktabel, lebih composable, dan bundle yang lebih kecil (tree-shaking lebih baik).

SvelteKit Makin Lengkap

• CLI sv baru menggantikan create-svelte, dengan add-on seperti Drizzle, Lucia, Tailwind, dan Playwright dalam sekali setup.
• Async components — bisa langsung await di dalam script komponen.
• Remote Functions — komunikasi server yang type-safe tanpa kerumitan GraphQL atau tRPC.

Untuk migrasi dari Svelte 4, tersedia perintah sv migrate yang mengotomasi sebagian besar perubahan. Detail di svelte.dev.