Dari Nol Menjadi Hero dalam TypeScript

TypeScript membuat kode JavaScript Anda lebih aman. Ini membantu Anda menemukan bug sebelum menjalankan kode Anda. Panduan ini mencakup jalur dari konsep dasar hingga tingkat lanjut.

TypeScript menambahkan static typing ke JavaScript. Ia mengubah kode Anda menjadi JavaScript biasa untuk browser.

Tipe Dasar

  • number: bilangan bulat atau desimal
  • boolean: true atau false
  • string: teks
  • symbol: pengenal unik
  • bigint: bilangan bulat besar

Anotasi Tipe Anda menentukan tipe saat pembuatan variabel: let name: string = "Alice"; let age: number = 30;

Array dan Objek

  • Array: let fruits: string[] = ["apple", "banana"];
  • Objek: let user: { name: string; age: number } = { name: "Bob", age: 25 };

Fungsi Anda dapat menentukan apa yang diterima fungsi dan apa yang dikembalikannya. Gunakan void jika fungsi tidak mengembalikan apa pun. function greet(name: string): string { return "Hello, " + name; }

Struktur Lanjutan

  • Type Aliases: Menentukan nama kustom untuk sebuah tipe.
  • Interfaces: Menentukan bentuk (shape) dari sebuah objek.
  • Enums: Membuat sekumpulan konstanta bernama.
  • Tuples: Membuat array dengan jumlah elemen tetap dan tipe tertentu.

Logika Kompleks

  • Union Types: Memungkinkan variabel untuk menampung lebih dari satu tipe.
  • Intersection Types: Menggabungkan beberapa tipe menjadi satu.
  • Generics: Membuat komponen yang dapat digunakan kembali yang bekerja dengan banyak tipe.
  • Utility Types: Menggunakan alat bawaan seperti Partial atau Pick untuk mengubah tipe.

Praktik Terbaik

  • Gunakan type untuk alias sederhana dan tipe primitif.
  • Gunakan interface untuk bentuk objek.
  • Hindari penggunaan any. Ini menghilangkan keamanan TypeScript.
  • Gunakan unknown alih-alih any saat Anda tidak yakin dengan tipenya.
  • Biarkan kompiler melakukan inferensi tipe saat kode sudah jelas.

TypeScript membantu Anda membangun aplikasi besar dengan percaya diri.

Sumber: https://dev.to/miasalazar/from-zero-to-hero-in-typescript-425j