TypeScript adalah bahasa pemrograman yang dikembangkan oleh Microsoft. TypeScript adalah bahasa pemrograman yang dapat digunakan untuk mengembangkan aplikasi web, mobile, dan desktop. TypeScript memiliki fitur-fitur seperti tipe data statis, generasi kode, dan integrasi dengan framework dan library populer.
TypeScript (TS) adalah versi upgrade dari JavaScript. Dia nambahin fitur static typing, alias kita bisa nentuin tipe data dari awal (kayak di Java, C#, dll), jadi lebih aman dan jelas.
Pada modul ini akan membahas tentang dasar-dasar TypeScript, termasuk sintaks, tipe data, dan lain-lain. Nantinya akan di implementasikan dengan menggunakan React Tsx
// JavaScript
function greet(name) {
return "Hello " + name;
}
// TypeScript
function greet(name: string): string {
return "Hello " + name;
}Nah, yang : string itu tipe data. Jadi lebih jelas, dan kalau salah input (misalnya number), langsung ketahuan sebelum dijalanin.
| Fitur | JavaScript (JS) | TypeScript (TS) | React (TSX) |
|---|---|---|---|
| Typing | Dinamis | Statis | Statis + Komponen |
| Error Check | Runtime | Compile-time | Compile-time |
| Syntax | .js |
.ts |
.tsx (JSX + TS) |
| Contoh | let x = 10; |
let x: number = 10; |
<Component prop={value} /> |
TypeScript membantu menangkap error sebelum kode dijalankan, terutama berguna untuk proyek besar! 🚀
- Bisa bantu cegah bug sejak awal
- Membuat kode lebih mudah dibaca
- Dukung fitur OOP (Object Oriented Programming)
- Bisa digunakan bersama dengan framework dan library populer
- Dapat meningkatkan produktivitas pengembang
- Pastikan telah install Node.js
- Jalankan perintah
npm install -g typescriptdi terminal - Cek apakah TypeScript telah terinstall dengan menjalankan perintah
tsc -v - Bikin project pertama
mkdir projectdancd projectlalu jalankantsc --inituntuk membuat filetsconfig.json - Buat file
index.tsdan tulis kode TypeScript di dalamnya - Jalankan perintah
tscuntuk mengompilasi kode TypeScript menjadi kode JavaScript - Jalankan perintah
node index.jsuntuk menjalankan kode JavaScript - Cek hasilnya di browser atau terminal
- Tipe Data Dasar
- Fungsi dan Parameter Bertipe di TypeScript
- Interface dan Object
- Class dan OOP di TypeScript (Diambah sedikit penjelasan karena mulai kompleks)
- Generic di TypeScript
- Enum dan Type Narrowing
- Implementasi React TypeScript
Masih banyak materi yang belum dibahas, tapi saya akan terus menambahkan materi dan contoh kode. Jadi, jangan lupa untuk subscribe repository ini dan ikuti perkembangannya!!!
Copyright (c) 2025 by Mikumiestu Distributed under the MIT License. See LICENSE.txt for more information.