3 perpustakaan JavaScript untuk menggantikan jQuery

Menyederhanakan tugas-tugas seperti traversal dokumen HTML, animasi, dan penanganan acara, pustaka JavaScript jQuery yang kuat mengubah wajah pengembangan web. Hingga Mei 2019, jQuery masih digunakan di 74 persen situs web yang dikenal, menurut surveyor teknologi web W3Techs. Namun demikian, pustaka jQuery, yang memulai debutnya pada Agustus 2006, sekarang dipandang oleh beberapa pengembang sebagai teknologi lama yang waktunya telah berlalu.

Alternatif untuk jQuery telah muncul dalam beberapa tahun terakhir, seperti perpustakaan Cash atau bahkan hanya JavaScript vanilla modern, sekarang browser web semua menangani JavaScript dengan cara yang sama dan jQuery tidak lagi diperlukan untuk menyelesaikan masalah kompatibilitas. Argumen di Reddit dan video di YouTube membuat jQuery menjadi usang, atau setidaknya tidak sepenting dulu.

Mengapa jQuery tidak lagi dibutuhkan

Dalam satu presentasi YouTube, “Apakah jQuery masih relevan di 2018?”, Pendidik pengembangan web Brad Traversy mengakui bahwa jQuery mungkin adalah pustaka JavaScript umum terbaik yang pernah dibuat. Mudah dipelajari, kompatibel lintas-browser, lebih ringkas daripada vanilla JavaScript yang lebih lama, dan kaya akan plugin yang menawarkan fungsionalitas tertentu. Tetapi JavaScript telah berkembang jauh sejak ECMAScript 6, dan jQuery tidak lagi diperlukan dalam banyak situasi, Traversy menyimpulkan.

Dalam video lain, pendidik pengkodean Kenneth Lowrey berpendapat bahwa menjadi fasih dalam jQuery hanya membuang-buang waktu. Dalam lanskap pengembangan web saat ini, browser modern menangani JavaScript yang sama, untuk sebagian besar. Dalam kebanyakan kasus, kode JavaScript asli lebih baik daripada "pustaka lawas yang membengkak seperti jQuery", katanya.

Sementara jQuery telah menjadi pilihan untuk membuat permintaan HTTP, misalnya, ECMAScript 6 menghadirkan Fetch, API berbasis janji yang membuat permintaan HTTP lebih mudah. Dan kemajuannya tidak berhenti dengan HTTP. Di mana jQuery memiliki utilitas untuk tugas-tugas seperti memanipulasi array, vanilla JavaScript sekarang juga telah meningkatkan akomodasi untuk operasi ini.

Animasi masih lebih sulit dengan vanilla JavaScript daripada jQuery, tetapi ada opsi lain seperti transisi CSS atau bingkai utama, kata Traversy. Pustaka GreenSock pihak ketiga juga dapat digunakan untuk animasi. Untuk manipulasi DOM, tugas yang pernah diatur oleh jQuery, API browser asli telah menutup celah tersebut.

Untuk tugas yang tidak dapat dilakukan dalam vanilla JavaScript, Traversy merekomendasikan pustaka khusus, daripada pustaka umum seperti jQuery. Traversy juga merekomendasikan penggunaan kerangka kerja JavaScript seperti React, Angular, atau Vue untuk aplikasi ukuran sedang dan besar. Traversy masih merekomendasikan jQuery untuk digunakan di situs sederhana tanpa kerangka kerja. 

jQuery alternatif

Apa yang harus Anda gunakan sebagai pengganti jQuery? Selain JavaScript vanilla modern, daftar pendek alternatif jQuery termasuk Cash, Zepto, dan Syncfusion Essential JS 2. Cash dan Zepto adalah pustaka JavaScript open source yang tersedia di bawah lisensi MIT. Syncfusion Essential JS 2 adalah produk komersial. 

Tunai

Uang tunai memiliki lebih dari 3.570 bintang di GitHub. Ditagih sebagai "alternatif jQuery kecil yang tidak masuk akal" untuk browser modern, Cash memiliki sintaks gaya jQuery untuk memanipulasi DOM dan membutuhkan ruang 32KB, tidak terkompresi. Cash mendukung kapabilitas termasuk event dengan namespace, tipe TypeScript, dan build modern. Anda dapat mengunduh Uang Tunai dari GitHub.

Zepto

Zepto dideskripsikan sebagai "perpustakaan JavaScript minimalis dengan sebagian besar API yang kompatibel dengan jQuery." Pengembang yang tahu jQuery sudah tahu cara menggunakan Zepto, lanjut pembuatnya. Zepto dimaksudkan untuk menjadi jauh lebih kecil dan memuat lebih cepat daripada jQuery, dan dapat bekerja dengan toolset PhoneGap untuk browser seluler dan desktop. Anda dapat mengunduh Zepto dari situs web proyek.

Syncfusion Essential JS 2

Syncfusion Essential JS 2 adalah pustaka kontrol JavaScript UI berlisensi komersial yang ditulis dalam TypeScript. Berfungsi sebagai alternatif dari pustaka jQuery UI, Syncfusion dirancang untuk menjadi pustaka dengan overhead rendah, ringan, dan modular untuk meningkatkan aplikasi web. Syncfusion mendukung kerangka kerja termasuk Angular, React, dan Vue. Anda dapat membeli Syncfusion Essential JS 2 atau mengunduh uji coba gratis dari situs web Syncfusion. Kode sumber lengkap, file pengujian unit, skrip pengujian, dan demo langsung tersedia di GitHub.