Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. JavaScript
Code

6 Hal yang Membuat Yarn Sebagai Pengelola Paket JavaScript Terbaik

by
Difficulty:IntermediateLength:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by Ari Ana (you can also view the original English article)

Yarn adalah klien npm sumber-terbuka yang dikembangkan di Facebook dan meningkatkan banyak aspek dari klien npm standar. Dalam tutorial ini, saya akan fokus pada enam fitur teratas yang membuat Yarn mengagumkan:

  1. Kecepatan
  2. Instalasi yang Kuat
  3. Cek Lisensi
  4. Kompatibilitas dengan npm dan Bower
  5. Banyak Registri
  6. Emoji

1. Kecepatan

Salah satu klaim Yarn untuk ketenaran adalah kecepatannya dibandingkan dengan klien npm standar. Tapi seberapa cepat? Dalam patokan terbaru, Yarn dua hingga tiga kali lebih cepat daripada npm. Benchmark waktunya instalasi React, Angular 2, and Ember. Ini adalah pengujian yang cukup bagus untuk manajer paket karena masing-masing kerangka kerja ini menarik banyak dependensi dan mewakili bagian besar dari dependensi aplikasi web dunia nyata.

Mari tambahkan titik data lain dan periksa sendiri dengan menginstal create-react-app menggunakan yarn dan npm. Berikut ini instalasi menggunakan yarn:

Berikut ini instalasi menggunakan npm:

Ya. Ini jelas menguatkan laporan lain tentang keunggulan kecepatan yang signifikan terhadap yarn. Yarn dipasang dalam 2,59 detik, sedangkan npm mengambil 9,4222 detik. Yarn lebih cepat 3,63X!

2. Instalasi yang Kuat

Yarn juga menawarkan pemasangan yang lebih kuat daripada npm. Apa yang membuat pemasangan berkeping-keping? Jika pemasangan berikutnya gagal atau menghasilkan hasil yang berbeda, maka pemasangan akan berkeping-keping.

  1. Ada dua penyebab utama:Masalah jaringan sementara mungkin menyebabkan pengiriman paket dari registri gagal.
  2. Rilis baru paket dapat mengakibatkan perubahan yang tidak kompatibel dan merusak.

Yarn menangani kedua kekhawatirannya.

Cache Offline

Yarn menggunakan cache offline global untuk menyimpan paket yang telah Anda instal satu kali, sehingga pemasangan baru menggunakan versi cache dan menghindari kerapuhan karena kegagalan jaringan yang terputus-putus. Anda dapat menemukan tempat cache yarn Anda dengan mengetik:

Berikut adalah lima paket pertama di cache offline saya:

Yarn bisa melangkah lebih jauh dan memiliki mirro offline penuh yang akan bekerja di upgrade yarn itu sendiri.

File yarn.lock

File yarn.lock diperbarui setiap kali Anda menambahkan atau meningkatkan versi. Ini pada dasarnya menjabarkan versi yang tepat dari setiap paket yang dapat ditentukan dalam package.json menggunakan partial versioning (mis. hanya mayor dan minor) dan dependensinya.

Ini adalah awal dari file yarn.lock yang biasanya. Anda dapat melihat versi sebagaimana ditentukan dalam package.json seperti "abbrev@1" dan versi tersemat "1.1.0".

Tapi Kenapa?

Yarn juga memberi Anda perintah yarn why menjelaskan mengapa paket tertentu dipasang di proyek Anda:

3. Cek Lisensi

Beberapa proyek harus mematuhi persyaratan lisensi tertentu atau hanya menghasilkan laporan untuk tujuan internal atau eksternal. Yarn membuatnya sangat mudah dengan perintah yarn licenses ls. Ini menghasilkan laporan ringkas yang mencakup nama paket yang memenuhi syarat, URL-nya, dan lisensinya. Inilah contohnya:

Yarn bahkan dapat menghasilkan disclaimer untuk Anda dengan yarn licenses generate-disclaimer. Hasilnya adalah beberapa teks dengan pesan disclaimer dan teks untuk setiap paket dalam aplikasi Anda. Berikut ini contoh dari disclaimer yang dihasilkan untuk proyek pengujian saya:

4. Kompatibilitas dengan npm dan Bower

Yarn sepenuhnya kompatibel dengan npm karena hanya klien yang berbeda yang bekerja dengan registri npm. Sangat awal mendukung Bower, tetapi kemudian segera setelah keputusan dibuat untuk menjatuhkan dukungan Bower.

Alasan utamanya adalah bahwa dukungan Bower tidak berfungsi dengan baik dan mengosongkan direktori bower_components atau tidak mengambil paket bower apa pun pada proyek baru. Tetapi alasan lain adalah bahwa tim Yarn tidak ingin mendorong fragmentasi dalam arena manajemen paket dan sebaliknya lebih disukai bagi semua orang untuk beralih ke npm.

Jika Anda berinvestasi di Bower dan tidak ingin bermigrasi sekarang, Anda masih dapat menggunakan Yarn, tetapi tambahkan cuplikan berikut ke file package.json Anda:

5. Banyak Registri

Yarn dapat bekerja dengan beberapa jenis registri. Secara default, jika Anda hanya menambahkan paket, ia akan menggunakan registri npm-nya (yang bukan registri npm standar). Tetapi juga dapat menambahkan paket dari file, tarballs jarak jauh, atau repositori git jarak jauh.

Untuk melihat registri npm yang dikonfigurasi saat ini:

Untuk mengatur jenis registri yang berbeda: yarn config set registry <registry url>

Untuk menambahkan paket dari lokasi yang berbeda, gunakan perintah add berikut:

6. Emoji FTW!

Beberapa orang menyukai emoji, dan beberapa orang tidak. Yarn awalnya menampilkan emoji secara otomatis, tetapi hanya di Mac OS X. Itu terbakar dari kedua kubu: pembenci emoji marah karena konsol mereka di Mac OS X dipenuhi dengan emoji, dan para pecinta emoji marah karena mereka tidak memiliki emoji di Windows dan Linux.

Sekarang, emoji tidak ditampilkan di macOS secara default, dan Anda dapat mengaktifkan emoji dengan penanda --emoji:

Yarn adalah pengelola paket JavaScript terbaik. Ini kompatibel dengan npm, tetapi jauh lebih cepat. Ini menangani masalah serius untuk proyek-proyek berskala besar dengan instalasi yang terpecah-pecah, mendukung banyak jenis registri, dan memiliki emoji untuk boot. t.

JavaScript, meskipun tidak tanpa kurva belajarnya, memiliki banyak perpustakaan dan kerangka kerja untuk membuat Anda sibuk, seperti yang Anda lihat. Jika Anda mencari sumber daya tambahan untuk dipelajari atau digunakan dalam pekerjaan Anda, lihat apa yang tersedia di marketplace Envato.a>.

Komunitas JavaScript secara keseluruhan sangat positif, dan ada banyak momentum di balik Yarn. Ini telah membahas beberapa masalah seperti dukungan Bower yang berlebihan dan emoji secara default. Bermigrasi ke Yarn dari npm sangat mudah. Saya sangat menyarankan Anda mencobanya.ry.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.