TypeScript untuk Developer JavaScript: Kenapa dan Cara Mulai

TypeScript telah menjadi standar industri untuk pengembangan aplikasi JavaScript modern. Artikel ini akan membantu kamu memahami kenapa dan cara memulainya.

Apa itu TypeScript?

TypeScript adalah superset dari JavaScript yang menambahkan static typing. Kode TypeScript dikompilasi menjadi JavaScript biasa yang bisa dijalankan di browser atau Node.js.

Kenapa TypeScript?

1. Catch bugs lebih awal: Error ketahuan saat compile, bukan saat runtime
2. Autocomplete lebih baik: IDE tahu persis struktur data kamu
3. Self-documenting: Type definitions menjelaskan cara pakai kode
4. Refactoring aman: Ubah satu type, semua referensi terupdate

Dasar TypeScript

Type Annotations

// JavaScript
function add(a, b) {
  return a + b;
}

// TypeScript
function add(a: number, b: number): number {
  return a + b;
}

Interface

interface User {
  id: number;
  name: string;
  email: string;
  role?: "admin" | "user";  // optional + union
}

const user: User = {
  id: 1,
  name: "Ilham",
  email: "ilham@example.com",
};

Generics

function getFirst(arr: T[]): T | undefined {
  return arr[0];
}

const first = getFirst([1, 2, 3]); // type: number

Setup TypeScript di Project

npm install -D typescript @types/node
npx tsc --init

Edit tsconfig.json sesuai kebutuhan, lalu jalankan npx tsc untuk compile.

Tip: Mulai dari project kecil. Gunakan strict: false di awal, lalu aktifkan pelan-pelan saat sudah familiar.