Apakah Anda lelah dengan file bundel JavaScript yang membengkak gara-gara kerangka kerja (seperti React) memuat mesin Virtual DOM raksasa ke Browser pengunjung? Jika iya, sambutlah Sang Pemberontak: Svelte.

Svelte bukanlah sebuah Library, ia adalah sebuah Kompiler. Ia membaca kodingan Anda yang ringkas, lalu menyulapnya menjadi JavaScript Vanilla murni yang dieksekusi dengan kecepatan cahaya oleh Browser.

Dalam kursus ini, kita akan langsung terjun ke era modern: Svelte 5. Svelte 5 telah membakar habis cara penulisan reaktivitas lama dan menggantinya dengan keajaiban Runes ($state, $derived, $effect). Hasilnya? Kodingan Svelte 5 adalah barisan kode terpendek dan paling ekspresif di antara semua kerangka kerja Frontend yang ada di muka bumi saat ini!

Apa yang akan saya pelajari ?

• Membedah filosofi Svelte: Mengapa tanpa Virtual DOM aplikasi bisa jauh lebih kilat?
• Bereksperimen dengan Svelte 5 Runes: Mengubah variabel biasa menjadi pendeteksi reaktif menggunakan sihir $state().
• Menguasai blok logika bersih ala Svelte ({#if}, {#each}).
• Jurus Two-Way Data Binding mutlak dengan perintah bind:value.
• Membangun bongkahan komponen modular dan menyalurkan data menggunakan $props().
• Menyadap detak jantung API satelit menggunakan rune otomatis $effect().
• Berevolusi dari Svelte murni menuju SvelteKit (Meta-Framework pesaing Next.js).
• Merangkai perutean halaman bersistem fail (+page.svelte dan +layout.svelte).
• Mengendalikan Memori Global menggunakan Context API Svelte.

Project apa yang akan saya buat ?

Sebagai ujian akhir, membangun daftar catatan tugas (To-Do List) terlalu meremehkan kekuatan sejati Svelte. Anda akan membangun Real-Time Crypto Tracker (Pemantau Harga Kripto Live)!

Aplikasi ini akan terus-menerus disuplai oleh data harga koin (seperti Bitcoin & Ethereum) yang bergerak setiap detiknya dari API satelit. Di sinilah kekuatan sejati ketiadaan Virtual DOM Svelte akan bersinar: Svelte akan mengubah warna teks (Hijau naik / Merah turun) di layar tanpa delay sedetik pun, menghasilkan performa Dashboard Trading skala Enterprise yang sangat memukau!

💎 Materi

Berikut ini adalah daftar materi belajar Svelte. Bab demi bab dirancang secara khusus untuk mengungkap rahasia sihir reaktivitas (Runes) tanpa membebani Virtual DOM. Buka teks editor Anda, dan mari kita mulai bereksperimen dengan Svelte! 🟠✨