Apa Itu Svelte dan Mengapa Svelte Mengompilasi Kode
Pahami pendekatan Svelte yang mengutamakan kompilator serta perbedaannya dari React dan Vue.
Apa Itu Svelte dan Mengapa Svelte Mengompilasi Kode adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Selamat Datang di Svelte
Svelte adalah kerangka kerja antarmuka pengguna yang mengutamakan kompilator. Berbeda dari React atau Vue, Svelte mengerjakan sebagian besar prosesnya pada waktu pembangunan, bukan saat aplikasi berjalan.
Tanpa DOM Virtual
React membandingkan DOM virtual saat aplikasi berjalan. Sebaliknya, Svelte mengompilasi komponen Anda menjadi JavaScript murni yang sangat dioptimalkan dan memperbarui DOM secara langsung.
Lebih Sedikit Kode yang Dikirim
Karena Svelte mengirimkan hasil kompilasi, biasanya Anda mengirimkan lebih sedikit JavaScript ke peramban. Ukuran bundelnya sangat kecil.
Format Berkas Komponen
Komponen Svelte berada dalam berkas .svelte yang berisi tiga bagian opsional: skrip, markah, dan gaya.
<script>
let name = "world";
</script>
<h1>Hello {name}!</h1>Reaktivitas melalui Penugasan
Di Svelte, cukup menetapkan nilai baru ke variabel untuk memicu pembaruan antarmuka pengguna. Tidak ada pemanggilan setState.
<script>
let count = 0;
function inc() { count = count + 1; }
</script>
<button on:click={inc}>{count}</button>Komponen dalam Satu Berkas
Markah, logika, dan gaya dengan cakupan terbatas berada bersama dalam satu berkas. Penempatan bersama ini membuat komponen mudah dipahami dan dipfaktorkan ulang.
Gaya dengan Cakupan Terbatas secara Bawaan
Setiap <style> yang Anda tulis hanya berlaku dalam komponen tersebut. Tidak ada lagi konflik CSS antarhalaman.
<style>
p { color: tomato; }
</style>
<p>I am tomato</p>Keunggulan Kinerja
Karena tidak ada beban tambahan kerangka kerja saat aplikasi berjalan, aplikasi Svelte cenderung lebih cepat daripada aplikasi React atau Vue yang setara pada perangkat dengan kemampuan rendah.
SvelteKit, Metakerangka Kerja
SvelteKit dibangun di atas Svelte serta menambahkan perutean, SSR, dan pemuatan data. Sebagian besar aplikasi Svelte untuk produksi menggunakan SvelteKit.
Saat Svelte Bersinar
Svelte ideal untuk situs pemasaran, dasbor, aplikasi yang ramah perangkat seluler, dan situasi apa pun yang mengutamakan ukuran bundel serta pengalaman pengembang.
Rangkuman Perbandingan
React, Vue, dan Angular semuanya mengirimkan komponen yang berjalan saat aplikasi berjalan; Svelte menghapusnya melalui kompilasi. Hasilnya adalah bundel yang lebih kecil dan model mental yang lebih sederhana.
Pemeriksaan Singkat
Uji pemahaman Anda.
Rangkuman
Sekarang Anda mengetahui bahwa Svelte mengompilasi komponen, mengirimkan lebih sedikit JS, menggunakan gaya dengan cakupan terbatas, dan mendukung SvelteKit untuk aplikasi lengkap. Berikutnya: buat proyek pertama Anda.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Apa Itu Svelte dan Mengapa Svelte Mengompilasi Kode” gratis?
Ya — teks lengkap “Apa Itu Svelte dan Mengapa Svelte Mengompilasi Kode” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Apa Itu Svelte dan Mengapa Svelte Mengompilasi Kode”?
Pahami pendekatan Svelte yang mengutamakan kompilator serta perbedaannya dari React dan Vue. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.
Berapa lama pelajaran “Apa Itu Svelte dan Mengapa Svelte Mengompilasi Kode” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Apa Itu Svelte dan Mengapa Svelte Mengompilasi Kode
- Membuat Proyek dengan npm create svelte
- Struktur Proyek: src routes static
- Server Pengembangan dan Penggantian Modul Panas