Svelte - Pengenalan dan Instalasi

Svelte adalah metodologi baru untuk membuat aplikasi web. Ini dapat digunakan di sebagian kecil kode atau di seluruh aplikasi halaman tunggal. Ini adalah compiler bukan kerangka kerja, yang lebih cepat daripada perpustakaan JavaScript lainnya seperti ReactJS, AngularJS, VueJS. Ini digunakan untuk membuat aplikasi web reaktif. Jika terjadi perubahan dalam data yang berubah akan langsung tercermin di halaman. Ini juga digunakan dalam pengembangan aplikasi cepat (RAD) berarti dengan cepat menghasilkan aplikasi perangkat lunak berkode minimal. Ini digunakan dalam Pengoptimalan Web. Tetapi tidak menggunakan DOM virtual yang membuatnya berbeda dari yang lain. Ini adalah sumber gratis dan terbuka yang ditulis oleh Rich Harris. Svelte Mengkompilasi Kode Anda untuk produksi pada waktu eksekusi ke dalam bundel JavaScript vanili. Jika Anda menyebarkan aplikasi Anda melalui internet maka Anda tidak perlu menyebarkan Svelte seperti yang kita lakukan perpustakaan lain. Itu sebabnya menghasilkan eksekusi cepat.

Prasyarat: Sebelum menginstal atau mulai bekerja di Svelte, kita harus memastikan beberapa hal tersedia dalam sustem kita.

• Editor Teks apa pun (misalnya vs kode, Atom dll.)
• NodeJS diinstal dalam sistem Anda:

  1. Instalasi Node.js pada Windows

  2. Instalasi Node.js di Linux

Install Svelte: Sekarang kita siap untuk menginstal Svelte.

• Langkah 1: Buka prompt perintah atau terminal dan instal paket bernama degit, yang memungkinkan kita untuk dengan mudah mengkloning komit terbaru dari repositori github.

  npm install -g degit

• Langkah 2: Sekarang buat direktori di desktop dan jalankan perintah di bawah ini. Degit pergi ke repositori (sveltejs) menemukan template dan men-download secara lokal untuk kita dalam proyek bernama myproject.

  degit sveltejs/template myproject

• Langkah 3: Proyek dibuat, sekarang buka ini di editor teks. Dalam folder src kita memiliki file utama.js yang digunakan untuk menjalankan aplikasi svelte kita The App.svelte adalah komponen root dari aplikasi kita dan file package.json berisi semua dependensi yang perlu diinstal.
• Langkah 4: Sekarang instal semua dependensi pastikan Anda berada di dalam direktori "myproject".

  npm install

• Langkah 5: Sekarang buat server pengembangan lokal untuk menjalankan aplikasi kita.

  npm run dev

• Langkah 6: Sekarang ikuti tautan dan aplikasi di atas akan terbuka di browser.