Scribd
Unggah
3 tayangan2 halaman

Very Basic Frontend Coding Guide

Panduan ini memberikan tips dasar untuk pengkodean frontend, termasuk pentingnya meminimalkan komentar, memberi nama variabel yang jelas, dan menjaga kondisi yang sederhana. Disarankan untuk menghindari tipe data 'any' dalam TypeScript dan mendefinisikan tipe data pada props komponen. Selain itu, kode harus memiliki indentasi yang benar dan mengikuti aturan linter untuk konsistensi gaya pengkodean.

Diunggah oleh

Albarra Naufala Erdanto II
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
3 tayangan2 halaman

Very Basic Frontend Coding Guide

Panduan ini memberikan tips dasar untuk pengkodean frontend, termasuk pentingnya meminimalkan komentar, memberi nama variabel yang jelas, dan menjaga kondisi yang sederhana. Disarankan untuk menghindari tipe data 'any' dalam TypeScript dan mendefinisikan tipe data pada props komponen. Selain itu, kode harus memiliki indentasi yang benar dan mengikuti aturan linter untuk konsistensi gaya pengkodean.

Diunggah oleh

Albarra Naufala Erdanto II
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd

Very Basic Frontend Coding Guide

Developernya bukan cuman kamu, jadi pikirin yang lain juga ya…

Minimalisir Comment
Hanya pakai pada saat perlu penjelasan tambahan pada kodingan. Jika ada kode yang
sudah tidak digunakan kembali, biasanya kita men-comment untuk berjaga-jaga jika kode
tersebut ingin digunakan kembali. Namun, HAPUS comment tersebut sebelum di commit.

Namakan Variable secara Jelas


Gunakan nama sesuai dengan fungsinya dan konsisten dalam penggunaan bahasa

Kondisi harus Jelas


Jika kondisi terlalu panjang atau kode pada kondisi tidak langsung menjelaskan secara
sendirinya, buat variable baru dengan penamaan yang jelas untuk membungkus kondisi
tersebut. Pada vue, bisa gunakan computed atau function baru yang dapat membungkus
kondisi panjang tersebut.

(Typescript) Hindari Penggunaan Tipe Data “any”


Sebisa mungkin hindari penggunaan any kecuali respon dari API yang memang tipenya
tidak dapat diketahui oleh compiler. Namun, respon dari API sebaiknya dimutasi menjadi
array atau object yang menggunakan tipe data yang telah dibuat.

Definisikan Tipe Data dan Beri Tahu jika Required


Pada Component Props
Hal ini agar developer lain tahu props yang harus digunakan pada komponen dan tahu tipe
data apa yang digunakan pada props tersebut.

Indentasi Kode Harus Benar


Sudah jelas, agar rapih.

Kode harus Sesuai dengan Rule Linter


Agar sesama developer memiliki style koding yang sama.
Referensi:
[Link]
[Link]
cript-1m0g

Anda mungkin juga menyukai