Get best of the week

Kerangka kerja JS yang sedikit diketahui tetapi populer untuk frontend

Belum lama ini, ketika membuat aplikasi web dinamis, kami menggunakan JavaScript murni atau jQuery untuk bekerja dengan DOM. Sejak itu, banyak kerangka kerja dan perpustakaan JavaScript yang bagus telah muncul. Mereka membantu mengembangkan proyek yang, dalam daya tarik dan kenyamanan, melampaui apa yang sebelumnya. Penulis artikel ini, yang terjemahannya kami terbitkan hari ini, ingin berbicara tentang beberapa kerangka kerja dan perpustakaan klien yang kuat tetapi tidak banyak dikenal berdasarkan JavaScript. Tentu saja, Tiga Besar, yang diwakili oleh Angular , React , dan Vue , belum pergi ke mana-mana, tetapi di dunia pengembangan web ada alat-alat lain yang patut diperhatikan. Seperti Svelte , Preact dan Riot



. Pertanyaan memilih obat yang tepat tergantung pada banyak faktor. Diantaranya adalah pengetahuan pengembang, fitur proyek, dan situasi pasar. Oleh karena itu, mari kita lihat kerangka kerja yang kurang dikenal, sehingga memperluas kebebasan memilih bagi mereka yang mencari alat yang tepat untuk proyek mereka berikutnya.

Langsing



Kerangka Svelte adalah perwakilan baru dari alat pengembangan front-end, yang popularitasnya terus meningkat baru-baru ini. Mereka berbicara tentang dia sebagai contoh pendekatan yang sama sekali baru untuk membuat antarmuka pengguna. Dibandingkan dengan Vue atau React, yang sangat bergantung pada kemampuan browser untuk melakukan pekerjaan mereka, Svelte bekerja secara berbeda. Dia, pada tahap membangun proyek, melibatkan langkah kompilasi, yang berkontribusi untuk meningkatkan kinerja proyek berdasarkan itu.

Svelte tidak hanya ditujukan untuk produktivitas proyek yang telah selesai, tetapi juga untuk kenyamanan pengembang. Ini dicapai dengan mengurangi kebutuhan untuk menulis kode boilerplate dalam jumlah besar.

▍ Fitur Utama


  • Performa yang mengesankan
  • Membangun kecil
  • Ketersediaan
  • Sistem Enkapsulasi Gaya Standar
  • Transisi deklaratif
  • DOM

Ember



Ember.js - Ini adalah kerangka kerja klien luar biasa lainnya yang mempercepat pengembangan aplikasi web, menghilangkan beban dari pengembang untuk melakukan tindakan standar berulang. Hal ini memungkinkan pemrogram untuk bekerja dengan fitur JavaScript canggih.

Kerangka kerja ini memiliki alat baris perintah yang luar biasa yang mempercepat tugas membangun proyek, pengujiannya, mendukung lingkungan pengembangan yang nyaman dengan fitur-fitur seperti pemuatan ulang halaman otomatis. Ember juga memiliki router yang sangat baik, yang idenya mengilhami pengembang dari sistem serupa lainnya, misalnya, router React. Kerangka kerja ini sangat produktif karena menggunakan teknologi yang mempercepat rendering halaman.

Add-on Ember memberi pengembang banyak plugin yang memungkinkan Anda memperluas kemampuan aplikasi. Sistem Ember Concurrency, misalnya, dapat digunakan untuk menulis kode asinkron yang dapat diandalkan. Dan Simple Auth adalah addon yang mengimplementasikan banyak metode otentikasi. Alat Penyebar Ember CLI memungkinkan Anda menerapkan logika penerapan yang didukung yang dapat digunakan kembali.

▍ Fitur Utama


  • Pipa perakitan proyek standar
  • Sistem perutean terbaik di antara alat-alat serupa
  • Alat Data Lanjutan
  • Sistem pengujian skala penuh
  • Siklus rilis enam minggu

Preact



Pustaka Preact, seperti namanya, sangat mirip dengan React. Benar, perpustakaan Preact jauh lebih kecil, ukurannya hanya 3 KB. Tapi perpustakaan ini memberi pengembang API modern yang sama dengan Bereaksi. Preact menyediakan programmer dengan implementasi paling sederhana dari abstraksi DOM virtual, kemampuan platform yang stabil, dan alat pemrosesan acara. Pustaka ini, tanpa langkah transpilasi, dapat digunakan langsung di browser.

Preact, di samping itu, adalah salah satu perpustakaan klien tercepat, ditandai dengan ukuran sederhana dan kinerja tinggi.

▍ Fitur Utama


  • Dukungan untuk kelas ES6, kait, dan komponen fungsional
  • Dukungan untuk JSX, DOM virtual, alat pengembang
  • Dukungan render server standar
  • Dukungan untuk browser modern (IE11 +)

Kerusuhan



Riot adalah perpustakaan pengembangan antarmuka pengguna berbasis komponen yang sederhana dan elegan. Ini memungkinkan Anda untuk menggunakan elemen kustom di semua browser modern tanpa perlu polyfill. Komponen ini membantu menggabungkan HTML dan JavaScript untuk membentuk entitas yang cocok untuk digunakan kembali. Sintaks Riot bersih dan dirancang agar mudah dipahami oleh pengembang.

Ukuran Riot hanya 6 KB, artinya, kita berbicara tentang perpustakaan yang sangat kompak. Pustaka ini mendukung lebih sedikit metode API daripada rekan-rekannya yang lebih besar. Ini menunjukkan bahwa untuk penggunaan Riot yang produktif, programmer perlu menghabiskan banyak waktu untuk pelatihan.

▍ Fitur Utama


  • Performa dan prediktabilitas tinggi
  • Kedekatan dengan Standar Web
  • Hubungan yang baik dengan alat pengembangan
  • Sintaks yang bagus
  • Kecepatan belajar tinggi
  • Ukuran sederhana
  • Ekosistem modular yang kuat

Aurelia



Aurelia adalah kerangka JavaScript sisi klien modern untuk mengembangkan aplikasi web, proyek seluler dan desktop. Aplikasi menggunakan Aurelia dibuat dengan merakit komponen sederhana berdasarkan JavaScript murni atau TypeScript dan kode HTML yang sesuai.

Kerangka kerja Aurelia memiliki dokumentasi yang sangat baik, kemampuannya dijelaskan dengan baik dalam tutorial. Semua ini membantu mereka yang ingin berurusan dengan kerangka kerja ini dan cepat menguasainya. Aurelia termasuk mesin jet yang kuat untuk mengimplementasikan binding, sistem templating, router, dan plugins. Aurelia mendukung rendering server dan fitur-fitur canggih lainnya.

▍


  • , ,

Mithril



Mithril.js adalah framework JS sisi klien modern yang dirancang untuk mengembangkan aplikasi web satu halaman. Ukurannya kecil (9,79 Kb), mendukung perutean dan XHR.

Ini digunakan oleh perusahaan seperti Nike dan Vimeo. Di antara teknologi yang ia dukung adalah JSX, ES6 +, animasi, pengujian.

Dokumentasi yang baik telah disiapkan untuk kerangka kerja ini, membantu pemula dengan cepat mengetahuinya. Di sana Anda dapat menemukan contoh-contoh yang memudahkan mempelajari kemampuan Mithril. Benar, harus dicatat bahwa menurut pendapat saya, kerangka kerja ini, dalam hal dokumentasi, tertinggal dari alat-alat lain yang kami periksa di sini.

▍ Fitur Utama


  • Performa sangat tinggi
  • Dukungan DOM Virtual
  • Dukungan Siklus Hidup Komponen

Ringkasan


Saya berharap materi ini menggambarkan dengan baik fakta bahwa kehidupan berada di luar Angular, Vue, dan React. Beberapa proyek memerlukan pendekatan dan alat yang berbeda dari yang didengar semua orang. Pilihan alat yang cocok sangat tergantung pada fitur proyek yang Anda rencanakan untuk dibuat bersamanya.

Pada akhirnya, saya ingin mengatakan bahwa jika Anda memilih salah satu kerangka kerja yang termasuk dalam "Tiga Besar" untuk proyek Anda, maka Anda pasti tidak akan salah. Angular sangat bagus untuk mengembangkan proyek skala besar. Frontend sudut sering digunakan bersama dengan backend Java. Bereaksi dan Vue juga merupakan pilihan yang baik. Saya ingin memberikan saran: jangan menjadi penggemar kerangka atau perpustakaan apa pun. Saat memilih alat, coba pendekatan proses seleksi dengan pikiran terbuka dan temukan sesuatu yang memenuhi kebutuhan proyek Anda.

Pembaca yang budiman! Apakah Anda menggunakan kerangka kerja atau pustaka yang tidak termasuk dalam Tiga Besar?

More articles:


All Articles