DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
Menulis kode JavaScript bisa menjadi tugas yang menantang, terutama saat harus memastikan kode tersebut mudah dibaca dan dipahami. Dalam artikel ini, kita akan membahas beberapa cara untuk membuat kode JavaScript kamu lebih indah dan rapih.
Prettier adalah code formatter yang populer. Dengan Prettier, kamu bisa memastikan bahwa kode kamu selalu konsisten dan rapi.
Install melalui npm:
npm install --save-dev prettier
Buat file konfigurasi .prettierrc
di root project kamu:
{
"singleQuote": true,
"trailingComma": "all"
}
Jalankan Prettier:
npx prettier --write .
ESLint dapat membantu kamu menemukan dan memperbaiki masalah dalam kode JavaScript kamu. Selain itu, ESLint juga bisa digunakan untuk memastikan kode kamu sesuai dengan standar tertentu.
Install melalui npm:
npm install --save-dev eslint
Inisialisasi konfigurasi ESLint:
npx eslint --init
Jalankan ESLint:
npx eslint .
EditorConfig membantu menjaga gaya penulisan kode tetap konsisten di berbagai editor dan IDE.
Buat file .editorconfig
di root project kamu:
root = true
[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
Pastikan editor atau IDE kamu mendukung EditorConfig. Kebanyakan editor modern sudah mendukung secara default atau melalui plugin.
Struktur kode yang baik memperjelas alur program dan memudahkan perawatan. Berikut beberapa tips:
Komentar yang baik dapat membantu programmer lain (atau diri kamu di masa depan) memahami maksud kode kamu.
// Komentar yang baik
// Fungsi untuk menghitung total harga termasuk pajak
function hitungTotal(harga, pajak) {
return harga + harga * pajak;
}
Dengan mengikuti tips di atas, kamu bisa membuat kode JavaScript yang lebih indah, rapih, dan mudah dipahami. Selamat mencoba!