𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁 𝗘𝘅𝗽𝗹𝗮𝗶𝗻𝗲𝗱: 𝗪𝗵𝘆 𝗬𝗼𝘂 𝗡𝗲𝗲𝗱 𝗜𝘁
Anda menulis JavaScript setiap hari. Semuanya berjalan lancar. Jadi mengapa beralih ke TypeScript?
Saya pernah menghabiskan dua hari untuk memperbaiki bug di produksi. Itu hanyalah kesalahan pengetikan (typo) sederhana pada nama properti. TypeScript akan menemukan kesalahan tersebut dalam hitungan milidetik.
TypeScript adalah JavaScript dengan tipe. Microsoft menciptakannya pada tahun 2012. Tim besar di Google dan Slack menggunakannya.
TypeScript tidak menggantikan JavaScript. Ia dikompilasi menjadi JavaScript biasa. Browser dan Node.js menjalankan file JS yang dihasilkan. TypeScript membantu Anda menulis kode yang lebih baik sebelum dijalankan.
Bandingkan kedua contoh ini:
JavaScript:
function greetUser(name) {
return "Hello, " + name.toUpperCase();
}
greetUser(42); // Ini akan membuat aplikasi Anda crash saat runtime.
TypeScript:
function greetUser(name: string): string {
return "Hello, " + name.toUpperCase();
}
greetUser(42); // Ini akan langsung menunjukkan error di editor Anda.
Mengapa menggunakan TypeScript?
- Menangkap error lebih awal: Anda menemukan kesalahan saat mengetik, bukan saat pengguna menemukannya.
- Autocomplete yang lebih baik: Editor Anda mengetahui struktur data Anda dan menyarankan properti.
- Dokumentasi yang hidup: Anda dapat melihat dengan tepat data apa yang dibutuhkan sebuah fungsi hanya dengan melihat signature-nya.
- Refactoring yang aman: Jika Anda mengubah nama properti, TypeScript akan menandai setiap bagian kode yang rusak.
Cara memulainya:
Instal melalui npm: npm install -g typescript
Buat file bernama hello.ts: const message: string = "Hello, TypeScript!"; console.log(message);
Kompilasi: tsc hello.ts
Ini akan membuat file hello.js. Tipe-tipenya akan hilang pada output, menyisakan JavaScript bersih untuk dijalankan oleh browser Anda.
Kesalahan umum yang harus dihindari:
- Menggunakan "any" untuk segalanya: Ini menghilangkan manfaat dari TypeScript. Jadilah spesifik.
- Mengabaikan error: Jangan menyembunyikan error dengan komentar. Perbaiki masalah utamanya.
- Terlalu banyak anotasi (over-annotating): TypeScript itu cerdas. Ia sering kali dapat menebak tipe melalui inferensi.
TypeScript memiliki kurva pembelajaran yang kecil. Manfaatnya akan terasa seiring berkembangnya proyek Anda.