CARA BEAUTIFY PADA JAVASCRIPT

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.

1. Gunakan Prettier

Prettier adalah code formatter yang populer. Dengan Prettier, kamu bisa memastikan bahwa kode kamu selalu konsisten dan rapi.

Cara Install Prettier

1. Install melalui npm:

   npm install --save-dev prettier

2. Buat file konfigurasi .prettierrc di root project kamu:

   {
     "singleQuote": true,
     "trailingComma": "all"
   }

3. Jalankan Prettier:

   npx prettier --write .

2. ESLint

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.

Cara Install ESLint

1. Install melalui npm:

   npm install --save-dev eslint

2. Inisialisasi konfigurasi ESLint:

   npx eslint --init

3. Jalankan ESLint:

   npx eslint .

3. Gunakan EditorConfig

EditorConfig membantu menjaga gaya penulisan kode tetap konsisten di berbagai editor dan IDE.

Cara Menggunakan EditorConfig

1. 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

2. Pastikan editor atau IDE kamu mendukung EditorConfig. Kebanyakan editor modern sudah mendukung secara default atau melalui plugin.

4. Struktur Kode yang Baik

Struktur kode yang baik memperjelas alur program dan memudahkan perawatan. Berikut beberapa tips:

• Gunakan fungsi untuk memecah bagian kode yang besar.
• Gunakan penamaan variabel yang jelas dan deskriptif.
• Kelompokkan kode yang memiliki fungsi atau tujuan yang sama.

5. Komentar yang Jelas

Komentar yang baik dapat membantu programmer lain (atau diri kamu di masa depan) memahami maksud kode kamu.

Tips Menulis Komentar

• Gunakan komentar untuk menjelaskan mengapa suatu hal dilakukan, bukan apa yang dilakukan.
• Hindari komentar yang berlebihan dan tidak perlu.

  // 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!