Belajar TypeScript - Mengapa TypeScript dan Manfaatnya

#Pendahuluan

Pertanyaan pertama yang muncul saat belajar TypeScript adalah: kenapa harus repot-repot menambah tipe padahal JavaScript sudah berjalan? Episode 1 menjawab pertanyaan ini dengan membedah masalah yang sebenarnya dipecahkan sistem tipe statis, bukan sekadar argumen gaya.

TypeScript diluncurkan oleh Microsoft pada 2012, dan hingga 2026 menjadi salah satu bahasa yang paling cepat berkembang — dipakai oleh framework besar seperti Angular, NestJS, dan menjadi fondasi tooling di hampir semua codebase modern. Popularitas ini bukan kebetulan: ada alasan teknis yang jelas.

Di episode ini kalian akan melihat perbandingan JavaScript vs TypeScript secara konkret, memahami manfaat tipe untuk produktivitas dan kolaborasi, serta mengenali kapan TypeScript justru kurang tepat dipakai.

#Masalah JavaScript Tanpa Tipe

#Error Baru Muncul Saat Runtime

JavaScript adalah bahasa dynamically typed: tipe nilai ditentukan saat eksekusi. Akibatnya, banyak kesalahan tidak terdeteksi sampai aplikasi dijalankan — bahkan sampai ditemukan oleh pengguna. Contoh klasik:

function hitungTotal(keranjang, kupon) {
    return keranjang.harga * keranjang.jumlah - kupon.diskon;
}
 
const hasil = hitungTotal({ harga: 50000, jumlah: 3 }, undefined);
console.log(hasil);

Fungsi di atas akan melempar error Cannot read properties of undefined hanya karena kupon tidak dikirim. Di JavaScript, kesalahan ini baru muncul saat baris itu dieksekusi — kemungkinan besar di production, bukan saat menulis kode.

TypeScript menangkap kasus ini lebih dulu. Dengan tipe yang benar, pemanggilan hitungTotal tanpa kupon menjadi error saat kompilasi, bukan saat runtime. Error seperti ini bisa dicegah sebelum kode pernah dikirim ke pengguna.

error TS2554: Expected 2 arguments, but got 1.

#Kontrak Antar Fungsi Tidak Terlihat

Semakin besar project, semakin banyak fungsi yang saling memanggil. Tanpa tipe, kalian harus mengingat bentuk setiap parameter. Perubahan kecil seperti menambah field pada objek bisa merambat menjadi bug di tempat yang tidak terduga. Ini yang membuat JavaScript sulit di-refactor dengan aman.

#Apa yang Ditambahkan TypeScript

#Sistem Tipe Statis dan Compiler

TypeScript menambahkan sistem tipe statis: tipe diperiksa saat kompilasi, sebelum kode dijalankan. Compiler tsc menganalisis seluruh program dan melaporkan ketidakcocokan tipe sebagai error. Berikut versi TypeScript dari contoh sebelumnya:

type Keranjang = {
    harga: number;
    jumlah: number;
};
 
type Kupon = {
    diskon: number;
};
 
function hitungTotal(keranjang: Keranjang, kupon: Kupon): number {
    return keranjang.harga * keranjang.jumlah - kupon.diskon;
}
 
hitungTotal({ harga: 50000, jumlah: 3 }, { diskon: 10000 });

Deklarasi hitungTotal(keranjang: Keranjang, kupon: Kupon): number memberitahu kompiler bentuk parameter dan tipe kembalian. Kalau ada pemanggilan yang salah, error muncul di editor sebelum aplikasi berjalan.

#Editor Intelligence

Tipe bukan hanya untuk keamanan — dia juga memberi tahu editor. Fitur seperti autocomplete, go to definition, dan find references bekerja jauh lebih akurat karena editor tahu bentuk setiap nilai. Ini alasan mengapa banyak developer melaporkan peningkatan produktivitas nyata saat berpindah ke TypeScript.

#Manfaat untuk Tim dan Skala

Pada project yang dikerjakan banyak orang, tipe berfungsi sebagai dokumentasi yang selalu sinkron dengan kode. Interface mendeskripsikan kontrak antar modul tanpa perlu membaca seluruh implementasi. Code review jadi fokus pada logika, bukan tebak-tebakan bentuk data.

Dengan tipe, perpindahan antar modul juga menjadi lebih cepat. Editor menyarankan bentuk data yang benar sebelum kalian mengetik, dan compiler menolak bentuk yang salah. Waktu yang tadinya dipakai menelusuri definisi fungsi bisa dialihkan untuk hal yang lebih penting.

Refactoring juga menjadi lebih aman. Mengganti nama property atau memecah sebuah fungsi akan langsung memunculkan semua tempat yang terpengaruh. Di episode 19 kita akan membahas strategi merancang tipe agar manfaat ini maksimal.

#Kapan TypeScript Kurang Tepat

TypeScript bukan jawaban untuk semua situasi. Untuk prototype sekali pakai, script kecil di bawah 100 baris, atau project yang sepenuhnya bergantung pada data dinamis, biaya menulis tipe bisa lebih besar daripada manfaatnya. JavaScript murni tetap pilihan yang sah.

Begitu codebase mulai punya banyak file yang saling bergantung dan dikerjakan oleh banyak orang, batas ini cepat terlampaui. Itulah titik di mana TypeScript membayar seluruh investasinya.

#Ekosistem TypeScript 2026

Ekosistem TypeScript saat ini sangat matang: definisi tipe untuk hampir semua library tersedia lewat @types, compiler dioptimalkan dengan versi native yang jauh lebih cepat, dan framework besar menjadikan TypeScript sebagai warga kelas satu. Banyak codebase baru memulai langsung dengan TypeScript, tanpa fase JavaScript sama sekali.

npm install --save-dev typescript
npx tsc --init

#Penutup

Episode 1 menjelaskan alasan mendasar TypeScript: menangkap kesalahan lebih awal, membuat kode lebih mudah dipahami dan di-refactor, serta memberdayakan editor. Kalian juga sudah tahu kapan TypeScript tepat dipakai — dan kapan tidak.

Inti yang harus dibawa pulang:

• JavaScript adalah dynamically typed: banyak error baru muncul saat runtime.
• TypeScript menambahkan sistem tipe statis yang diperiksa saat kompilasi.
• Tipe memberi kontrak yang terlihat antar fungsi dan modul.
• Autocomplete dan refactoring aman adalah bonus dari tipe.
• TypeScript kurang tepat untuk prototype kecil yang tidak berkelanjutan.
• Ekosistem 2026 menjadikan TypeScript pilihan default untuk project serius.

Di episode 2 selanjutnya kita akan membahas instalasi, konfigurasi tsconfig.json, dan tooling dasar — setiap opsi kompiler yang penting seperti target, module, strict, outDir, dan rootDir, lengkap dengan praktik terbaik untuk project baru. Siapkan terminal kalian, karena mulai episode ini kita akan sering mengutak-atik konfigurasi!