Menulis kode Javascript yang bersih – Style Guide, Code convention, dan ESLint
Tags: javascript, webdev, beginners, programming
Published: 2021-08-23 08:52:56

Javascript merupakan bahasa pemrograman yang terbilang cukup mudah untuk dipelajari, mulai dari penulisan *sintaks*, sifat dinamisnya, adannya fitur *automatic semicolon insertion*, dan masih banyak lagi. Namun, terkadang kemudahan ini yang justru membuat kita sulit untuk menjaga konsistensi dari kode – kode program yang kita buat.

Memang kenapa menjaga konsistensi kode itu penting ?

Bagi seorang programmer, menulis kode yang konsisten akan memudahkan kita dalam proses *debugging* dan dapat meminimalisir adanya *bug*. Selain itu, kode yang konsisten juga akan sangat membantu kita ketika bekerja secara tim, karena  selain akan terlihat lebih rapi, kode dapat dengan mudah dibaca oleh anggota tim lainnya. 

Oleh sebab itu, sudah seharusnya bagi kita seorang developer untuk mengetahui bagaimana penulisan kode yang baik dan benar dan sekaligus secara konsisten menjaga setiap kode program yang kita kembangkan.

Pada lanjutan blog kali ini, saya ingin berbagi ringkasan ilmu dan pengalaman saya tentang apa saja hal – hal yang dapat kita lakukan sebagai web developer untuk meningkatkan kualitas kode yang kita buat dan menjaganya agar tetap konsisten.

Cus...

#### 1. Style Guide

Salah satu cara yang dapat kita gunakan untuk menjaga konsistensi kode adalah dengan mengetahui dan menerapkan *style-guide*. 
*Style Guide* merupakan kumpulan peraturan mengenai bagaimana cara penulisan kode yang baik bagi developer secara individu maupun tim. Dalam *style-guide* tertulis secara lengkap aturan yang harus diikuti oleh setiap developer, seperti penamaan variabel, indentasi, penggunaan *double-quotes* atau *single-quotes*, *semicolon*, dan masih banyak lagi. 

#### 2. Code Convention

Ketika kita bekerja dengan tim, penting untuk menentukan satu gaya penulisan yang akan diadaptasi agar kode yang dituliskan menjadi teratur dan pengembangan produk dapat terhindar dari berbagai macam *bug*.

Namun kita tahu bahwa gaya pada setiap individu berbeda, inilah yang menjadi tantangan dalam tim untuk menyepakati gaya mana yang akan diterapkan. Ini pun terjadi pada perusahaan besar.

Banyak perusahaan membuat *style guide* dan menyepakatinya sebagai pedoman para *engineer*-nya dalam menuliskan kode.

*Style guide* yang sudah disepakati dan direkomendasikan oleh banyak developer itulah yang disebut dengan *Code Convention*. Di JavaScript sendiri, terdapat tiga *style guide* terkenal yang direkomendasikan untuk diikuti.

   * [AirBnB JavaScript Style Guide](https://github.com/airbnb/javascript)
   * [Google JavaScript Style Guide](https://google.github.io/styleguide/jsguide.html)
   * [Standard JavaScript Style Guide](https://standardjs.com/)

Dokumentasi dari setiap *style-guide* diatas sudah cukup jelas untuk dibaca dan terapkan.

Tidak ada yang mengharuskan kita untuk memahami semuanya, jadi pilihlah salah satu yang sekiranya cocok saja ya.

#### 3. ESLint

ESLint adalah *tools* yang dapat membantu kita dalam mengikuti gaya penulisan. 

ESLint tidak memaksa kita untuk menggunakan salah satu gaya penulisan. Kita dapat menetapkan aturan-aturan secara manual atau memilih gaya penulisan yang ada secara mandiri. ESLint memiliki konfigurasi yang sangat fleksibel serta banyak *plugin* penunjang agar dapat memenuhi kebutuhan kita secara maksimal. 

Keunggulan lainnya dari ESLint adalah ia dapat diintegrasikan dengan Text Editor/IDE popular, seperti VSCode, Atom, Bracket, atau yang lainnya.

Dengan mengaktifkan fitur integrasi, penggunaan ESLint akan lebih *powerful* dan *seamless*. Sehingga kita dapat mencari dan memperbaiki kesalahan kode yang kita tuliskan dengan cepat.

#### Pentutup

Dengan berbekal pengetahuan diatas, seharusnya kita sudah tau bagaimana cara menjaga konsistensi dan meningkatkan kualitas kode yang kita buat. Tentu catatan saya diatas masih terbilang sangat minim, oleh karena itu cobalah untuk mencari tahu lebih lanjut lagi mengenai materi – materi diatas agar ilmu yang di dapat semakin luas.

Ini adalah bagian dari lanjutan blog Menulis kode Javascript yang bersih – Variabel. Selanjutnya, saya akan berbagi catatan mengenai cara menginstal dan mengintegrasikan ESLint dalam proyek yang kita buat, Menulis kode Javascript yang bersih – Install dan Integrasi ESLint.

*Stay tune, teams*.