Lewati ke konten

Ringkasan BAB 12

Setelah menyelesaikan halaman ini, kamu diharapkan dapat:

  • Merangkum seluruh aturan emas best practice penulisan kode TypeScript.
  • Membaca dan meninjau kembali checklist kelayakan program industri.
  • Memahami langkah-langkah finalisasi project agar siap dipajang di portofolio.

Kamu telah mempelajari seluruh pilar cara menulis kode program secara profesional di bab ini. Menulis kode yang bersih, modular, dan terstandardisasi adalah tanda bahwa kamu siap masuk ke dunia industri rekayasa perangkat lunak sesungguhnya.


  • DRY (Don’t Repeat Yourself): Hindari duplikasi logika.
  • KISS (Keep It Simple, Stupid): Hindari over-engineering yang tidak perlu.
  • Single Responsibility (SRP): Satu class/fungsi hanya melakukan satu tugas fokus.
  • camelCase untuk variabel, properti, dan fungsi.
  • PascalCase untuk Class, Interface, Type Alias, dan Enum.
  • UPPER_SNAKE_CASE untuk konstanta global permanen.
  • ESLint: Linter otomatis untuk memeriksa kualitas logika dan mencari bug/kode mati.
  • Prettier: Formatter otomatis untuk merapikan visual spasi dan indentasi.
  • tsconfig.json: Mengatur aturan main compiler tsc (target, outDir, strict).
  • package.json: Akte pendirian project (dependencies, devDependencies, npm scripts).
  • Git: Pelacak riwayat perubahan file (save point).
  • README.md: Buku panduan manual repositori GitHub.

Analogi Kehidupan Sehari-hari: Lembar Checklist Kelayakan Lomba Kebersihan

Section titled “Analogi Kehidupan Sehari-hari: Lembar Checklist Kelayakan Lomba Kebersihan”

Menyelesaikan bab best practice ini seperti mengisi formulir checklist kelayakan lomba kebersihan kelas:

🖥️ Output
Checklist Kelayakan Kelas:
- [ ] Lantai disapu bersih bebas sampah kertas (Linter ESLint)
- [ ] Baris meja sejajar lurus presisi (Formatter Prettier)
- [ ] Papan tulis bersih dari coretan tidak penting (Anti-Any & Hapus Komentar Mati)
- [ ] Papan struktur pengurus kelas terpajang di dinding (README.md)

Begitu semua kotak dicentang, kelasmu dinyatakan siap dinilai juri dan berpeluang besar memenangkan piala penghargaan kelas terbersih.


Visual Illustration: Siklus Kerja Best Practice Developer

Section titled “Visual Illustration: Siklus Kerja Best Practice Developer”
🖥️ Output
Tulis Kode ──► Simpan (Format Prettier) ──► Periksa Problems (ESLint) ──► Commit Git (Semantic Commit)

Gunakan checklist ini untuk meninjau kembali kelayakan kodemu sebelum di-upload ke GitHub:

  • Checklist Naming: Semua variabel camelCase, Class PascalCase, Konstanta UPPER_SNAKE_CASE.
  • Checklist DRY: Tidak ada rumus atau visual cetak garis yang ditulis duplikat di beberapa file.
  • Checklist Tooling: ESLint dan Prettier terinstall dan aktif tanpa ada warning di tab Problems.
  • Checklist Git: Semua commit menggunakan pesan terstruktur semantic commits (feat:, fix:).
  • Checklist README: Berkas README.md terisi panduan instalasi lengkap dan deskripsi project yang jelas.

Lanjut ke BAB 13 bersama guru untuk menjelajahi ekosistem kelanjutan setelah menyelesaikan buku panduan ini.


  • Rangkuman akhir materi best practice TypeScript meliputi penulisan, tooling, dan kolaborasi.
  • Checklist digunakan sebagai panduan jaminan kualitas kode.
  • Selamat atas penyelesaian materi bab best practice!

  1. Tulis ulang kode di bawah ini menjadi versi yang bersih dan mematuhi seluruh checklist di atas:
    📄 TypeScript
    const x = "Andi";
    let y = 17;
    function s(a: any) {
    console.log(a);
    }
  2. Jalankan dan uji coba di terminal komputermu.