Pahami framework Svelte dan pelajari cara mengembangkan aplikasi web pintar dengan panduan ini.

Langsing adalah salah satu kerangka kerja JavaScript terpanas. Dalam Survei Pengembang StackOverflow 2022, ini muncul sebagai kerangka JavaScript paling disukai kedua di antara pengembang web. Dalam panduan ini, Anda akan mempelajari dasar-dasar dan cara membuat aplikasi tugas sederhana menggunakan Svelte.

Memulai Dengan Langsing

Anda akan mengatur semuanya dengan Alat pembuatan Vite. Buka terminal dan jalankan perintah di bawah ini secara berurutan. Beri nama proyek "svelte-app" (atau pilihan Anda), pilih Svelte sebagai kerangka kerja, dan tetapkan JavaScript sebagai varian.

benang buat vite
CD aplikasi langsing
benang
dev benang

Buka proyek di editor kode, hapus lib folder, dan menghapus isi dari aplikasi.css berkas dan App.svelte mengajukan.

Bagaimana Svelte Dibandingkan dengan Bereaksi

Itu DOM adalah struktur seperti pohon dihasilkan dari HTML situs, yang menunjukkan hubungan antara berbagai elemen yang membentuk halaman.

instagram viewer

Tidak seperti React yang menggunakan DOM virtual, Svelte adalah kompiler yang memahami pada waktu pembuatan, bagaimana hal-hal dalam aplikasi Anda dapat berubah. Karena Svelte bekerja pada waktu pembuatan, Svelte menghasilkan JavaScript vanilla yang berperforma tinggi dan dioptimalkan.

Reaktivitas dan Animasi di Svelte

Struktur sebagian besar aplikasi Svelte diilustrasikan di bawah ini. Anda dapat memilih untuk tidak menyertakan gaya tag hanya menyisakan naskah dan markup: