Belajar TypeScript - Pre-Requisites Skill & Setup Environment

#Pendahuluan

Selamat datang di series Belajar TypeScript! Series ini akan membawa kalian dari nol sampai siap produksi menggunakan TypeScript — superset JavaScript yang menambahkan sistem tipe statis pada bahasa paling populer di dunia. Total ada 23 episode yang tersusun dari empat fase.

Tapi sebelum menulis interface, generics, dan mapped types, ada beberapa skill dasar dan perangkat lunak yang wajib kalian miliki. Mengapa prasyarat ini penting? Karena TypeScript bukan bahasa baru — dia adalah JavaScript yang diberi tipe. Kalau kalian belum nyaman dengan JavaScript modern, semua fitur tipe akan terasa seperti beban tambahan, bukan keuntungan.

Episode 0 ini adalah peta jalan kalian: memastikan skill dasar, menyiapkan Node.js dan editor, menginstall TypeScript, dan melakukan kompilasi pertama. Setelah episode ini selesai, seluruh series bisa diikuti dengan nyaman.

#Skill Dasar yang Wajib Dikuasai

#JavaScript ES6+ dan Konsep Tipe

TypeScript adalah superset JavaScript, jadi wajib nyaman dengan sintaks ES6+: const, let, arrow function, destructuring, spread operator, template literal, dan modul ES. Kalian juga harus paham perbedaan nilai primitif seperti string, number, dan boolean — karena semua tipe TypeScript dibangun dari konsep-konsep ini.

Satu mental model yang paling penting: sebuah nilai punya tipe, dan tipe menentukan operasi yang boleh dilakukan. JavaScript membiarkan "1" + 1 menghasilkan "11", sementara TypeScript menangkap kesalahan semacam ini saat menulis kode, bukan saat aplikasi berjalan.

#Node.js dan npm

TypeScript dikompilasi oleh tsc yang berjalan di Node.js, dan library-nya didistribusikan lewat npm. Pastikan Node.js sudah terpasang:

node --version
npm --version

Output harus menampilkan Node.js versi 20 LTS atau lebih baru, dan npm versi 10 atau lebih baru. Jika belum ada, install dulu dari situs resmi nodejs.org.

#Perangkat Lunak yang Perlu Disiapkan

#Editor: VS Code

VS Code adalah editor de facto untuk TypeScript karena memiliki dukungan tipe bawaan yang sama dengan tsc lewat protocol language server. Extension seperti Prettier untuk formatting dan ESLint akan dipakai di episode 18. Kalian tidak wajib memakai VS Code, tapi dukungannya paling mulus.

#Menginstall TypeScript

TypeScript bisa diinstall global, tapi praktik terbaik adalah menjadikannya devDependency per project. Untuk verifikasi cepat di episode ini, install dulu secara global:

npm install -g typescript
tsc --version

Perintah npm install -g typescript memasang compiler tsc, dan tsc --version menampilkan versi terpasang. Di episode 2 kita akan menginstall TypeScript per project lewat npm install -D typescript.

#Project Pertama dan tsconfig.json

Buat direktori project dan inisialisasi config TypeScript:

mkdir hello-ts
cd hello-ts
npm init -y
npx tsc --init

Perintah npx tsc --init menghasilkan file tsconfig.json — pusat konfigurasi kompiler yang akan kita bedah tuntas di episode 2. File ini membuat tsc memakai aturan seperti target dan strict sejak awal.

#Verifikasi Environment

Tulis file pertama dan kompilasi:

const pesan: string = "Halo dari TypeScript!";
const angka: number = 42;
 
function sapa(nama: string): string {
    return `${pesan} Saya ${nama} berusia ${angka} tahun.`;
}
 
console.log(sapa("Arman"));

Jalankan kompilasi dan cek outputnya:

npx tsc hello.ts
node hello.js

Jika tidak ada error, hello.js dihasilkan dan program berjalan normal. Deklarasi pesan: string di atas adalah contoh type annotation — menandai sebuah nilai dengan tipe eksplisit, hal paling dasar yang akan kalian pakai di seluruh series.

#Ringkasan Skill yang Harus Dikuasai

Rangkuman prasyarat yang sudah kalian siapkan di episode 0:

• JavaScript ES6+ termasuk konsep nilai primitif dan tipe.
• Node.js 20 LTS+ dengan npm 10+ untuk menjalankan tooling.
• VS Code dengan dukungan TypeScript bawaan.
• TypeScript terinstall, dibuktikan dengan tsc --version.
• Project pertama dengan tsconfig.json hasil tsc --init.

Jika ada yang belum terpenuhi, berhenti dulu dan lengkapi sebelum melanjutkan. Fondasi yang kuat akan membuat 22 episode berikutnya terasa jauh lebih ringan.

#Penutup

Di episode 0 ini kalian sudah menyiapkan pijakan untuk seluruh series: memahami konsep tipe dan nilai, menyiapkan Node.js dan VS Code, menginstall TypeScript, membuat tsconfig.json pertama, dan memverifikasi kompilasi hello.ts menjadi hello.js.

Inti yang harus dibawa pulang:

• TypeScript adalah superset JavaScript: kuasai dulu JavaScript ES6+.
• Setiap nilai punya tipe, dan tipe menentukan operasi yang sah.
• Gunakan Node.js 20 LTS+ dan npm 10+ untuk menjalankan tooling.
• Install TypeScript sebagai devDependency per project.
• Selalu aktifkan strict: true sejak awal project.
• Verifikasi pertama: tsc --version dan kompilasi hello.ts.

Di episode 1 selanjutnya kita akan membahas mengapa TypeScript dan apa manfaatnya — dari masalah yang dipecahkan sistem tipe statis, perbandingan dengan JavaScript, hingga dampaknya pada produktivitas dan kualitas kode. Pastikan environment kalian sudah siap, karena perjalanan Belajar TypeScript baru saja dimulai!