Pengembangan frontend terus berkembang dengan pesat seiring dengan kemajuan teknologi web. Artikel sebelumnya telah membahas tentang Svelte, salah satu framework yang menonjol dalam dunia pengembangan frontend. Dalam artikel ini, kita akan melanjutkan eksplorasi tentang Svelte dan melihat bagaimana framework ini membuka jalan bagi masa depan pengembangan frontend yang lebih baik.

Sebagai tambahan informasi, mari kita lihat lebih dalam tentang aspek kompilasi dalam Svelte dan bagaimana itu berperan dalam pengembangan aplikasi web atau halaman web.

Seperti yang kita ketahui, browser menjalankan JavaScript. Dan saat ini, mereka juga dapat menjalankan WASM. Namun, JavaScript adalah bahasa yang harus Anda gunakan jika ingin memiliki interaktivitas pada halaman web. Tetapi itu tidak berarti Anda harus menulis JavaScript, jika Anda dapat merancang sebuah bahasa yang memungkinkan Anda menggambarkan antarmuka pengguna secara lebih alami, maka kompiler dapat mengubah niat tersebut menjadi kode yang sebenarnya berjalan. Dengan begitu, Anda mendapatkan semua keuntungan dari pemrograman deklaratif tanpa harus menghadapi kekurangan yang historis.

Terdapat trade-off yang telah ada sepanjang sejarah: pengembang ingin menulis kode deklaratif yang baik dan terkait dengan state, sementara pengguna tidak ingin menunggu framework JavaScript yang berat untuk diunduh. Juga, pengembang tidak ingin melakukan pekerjaan ekstra untuk menerjemahkan niat deklaratif menjadi apa yang sebenarnya terjadi di browser. Pendekatan kompiler memungkinkan pengembang mendapatkan yang terbaik dari kedua dunia tersebut. Maksudnya, developer mendapatkan pengalaman pengembangan yang maksimal tanpa mengorbankan pengalaman pengguna.

Satu pertanyaan sederhana: Sebagai seorang pengembang, jika saya menulis kode JavaScript, bagaimana cara saya mengompilasikannya?

Pada dasarnya, hampir setiap aplikasi web memiliki langkah pembuatan (build step). Memang mungkin untuk menulis aplikasi web tanpa melibatkan langkah pembuatan, Anda dapat langsung menulis JavaScript, menulis HTML, dan mengimpor JavaScript ke dalam HTML sehingga Anda memiliki sebuah aplikasi web. Namun, pendekatan tersebut tidak akan berskala, meskipun beberapa orang berusaha meyakinkan sebaliknya.

Pada suatu titik, Anda pasti akan membutuhkan langkah pembuatan agar dapat menggunakan library yang diinstal dari NPM, menggunakan TypeScript untuk mengoptimalkan JavaScript, dan sebagainya. Svelte cocok digunakan dalam langkah pembuatan yang sudah ada. Jadi, jika Anda memiliki komponen yang ditulis dalam file Svelte, dengan ekstensi .SVELTE, maka selama langkah pembuatan, komponen-komponen tersebut akan diubah menjadi file JavaScript.

Svelte tampaknya menjadi populer saat keluhan seputar Angular.js muncul. Apakah kekesalan seputar Angular membantu adopsi Svelte?

Svelte bukanlah pengganti Angular karena Angular adalah framework yang lengkap. Angular ingin menguasai seluruh aplikasi web Anda, sementara Svelte hanyalah sebuah framework komponen.

Jadi, ada spektrum dalam framework frontend, mulai dari yang sangat berfokus pada komponen individu seperti React dan Vue.js, dan di sisi lain spektrum, terdapat framework seperti Angular dan Ember. Sebelumnya, Anda harus melakukan pekerjaan untuk menggabungkan framework komponen dengan bagian lain aplikasi kecuali jika Anda menggunakan salah satu framework yang lengkap tersebut.

Namun sekarang, hal tersebut tidak terlalu relevan karena ada Next.js dan remix-vue. Tim Svelte juga sedang mengembangkan SvelteKit, yang merupakan jawaban dari pertanyaan bagaimana membangun aplikasi dengan Svelte.

Pertumbuhan popularitas Svelte dapat disebabkan oleh berbagai faktor. Pada awalnya, Svelte memiliki pengguna yang sedikit namun setia selama beberapa tahun. Kemudian, pada tahun 2019, kami merilis versi tiga dari framework ini yang benar-benar mengubah pengalaman penulisan, sintaksis untuk menulis komponen, dan API yang tersedia.

Saat itu, saya memberikan beberapa presentasi konferensi tentang Svelte, dan itulah saat ketika popularitasnya mulai meningkat. Sekarang, kami tumbuh dengan pesat dan secara konsisten berada di puncak survei kebahagiaan pengembang. Walaupun begitu, kami masih merupakan framework yang relatif kecil dibandingkan dengan pemain besar seperti React dan Vue.

Anda pernah mengatakan bahwa salah satu misi Svelte adalah membuat pengembangan web menjadi menyenangkan. Apa saja atribut-atribut Svelte yang membuatnya lebih menyenangkan bagi para pengembang?

Hal pertama adalah Anda dapat menulis kode yang jauh lebih sedikit. Jika Anda menggunakan Svelte, Anda dapat menyampaikan konsep yang sama dengan menggunakan sekitar 40% kode yang lebih sedikit. Ada lebih sedikit seremoni dan boilerplate.

Kami tidak terbatas oleh JavaScript. Misalnya, cara Anda menggunakan state di dalam komponen dengan React, Anda harus menggunakan hooks. Dan ada cara yang agak khas untuk mendeklarasikan state lokal di dalam komponen. Dengan Svelte, Anda hanya perlu mendeklarasikan variabel. Jika Anda memberikan nilai baru pada variabel tersebut, atau jika variabel tersebut berupa objek dan Anda mengubah objek tersebut, maka kompiler akan menginterpretasikannya sebagai tanda bahwa komponen perlu diperbarui.

Dalam pengembangan web, menyenangkan adalah faktor penting. Dengan Svelte, Anda dapat merasakan kegembiraan dalam membangun aplikasi web dengan sintaksis yang ringkas, performa yang optimal, dan kemampuan pengembangan yang efisien.

Svelte memberikan pengalaman pengembangan yang lebih baik dan memberikan harapan cerah untuk masa depan pengembangan frontend. Dengan framework ini, kita dapat merangkul kemajuan teknologi dan meningkatkan produktivitas dalam membangun antarmuka pengguna yang menarik. Bergabunglah dengan komunitas pengembang Svelte dan ikut berkontribusi dalam menciptakan masa depan pengembangan web yang lebih baik.