Panduan & Referensi
Kasus penggunaan dunia nyata untuk membantu Anda memulai dengan Dasar TypeScript untuk JavaScript Developer.
Panduan
Apa Itu TypeScript?
Capek sama error aneh di JavaScript pas runtime? Kenalan sama TypeScript (TS), superset JavaScript yang nambahin sistem tipe statis buat ngedeteksi error lebih awal dan bikin kodemu makin solid!
Panduan
Instalasi & Setup TS
Mulai perjalanan TypeScript-mu! Panduan langkah demi langkah untuk menginstal TypeScript Compiler (tsc) menggunakan npm dan membuat file konfigurasi proyek dasar `tsconfig.json`.
Panduan
Tipe Data Dasar TS
Mulai memberi 'label' pada datamu! Pelajari cara mendeklarasikan variabel dengan tipe data eksplisit di TypeScript dan kenali tipe-tipe dasar seperti string, number, boolean, array, tuple, enum, any, unknown, void, null, dan undefined.
Panduan
Fungsi Bertipe di TS
Kuasai cara mendefinisikan tipe untuk parameter yang diterima fungsi dan tipe untuk nilai yang dikembalikan (return type) oleh fungsi di TypeScript. Buat kodemu lebih prediktabel!
Panduan
Objek, Interface, & Type Aliases TS
Berikan struktur pada datamu! Pelajari cara mendefinisikan bentuk objek di TypeScript menggunakan anotasi tipe inline, Interface, dan Type Aliases untuk kode yang lebih terorganisir dan type-safe.
Panduan
TypeScript & React: Pengenalan Dasar
Gabungkan kekuatan React dengan keamanan tipe TypeScript! Pelajari cara setup proyek React + TS menggunakan Vite, dan dasar-dasar memberi tipe pada Props, State (useState), dan Event Handler.
Panduan
Studi Kasus To-Do: Setup & Tipe Data
Mulai bangun aplikasi To-Do List dengan React dan TypeScript! Langkah pertama: setup proyek menggunakan Vite dan mendefinisikan interface TypeScript untuk struktur data tugas (Todo).
Panduan
Studi Kasus To-Do: Komponen Form & Add
Lanjutkan proyek To-Do List! Bangun komponen `TodoForm.tsx` menggunakan React dan TypeScript untuk menangani input tugas baru dan memanggil fungsi untuk menambahkannya ke daftar.
Panduan
Studi Kasus To-Do: Komponen List & Item
Lanjutkan proyek To-Do List React+TS! Bangun komponen `TodoList.tsx` untuk merender daftar tugas dan `TodoItem.tsx` untuk menampilkan setiap tugas individual, lengkap dengan props yang diketik.
Panduan
Studi Kasus To-Do: Fungsi Toggle & Delete
Lengkapi fungsionalitas aplikasi To-Do List React+TS Anda! Pahami alur kerja bagaimana aksi 'toggle selesai' dan 'hapus' pada item tugas memicu update state di komponen utama.
Panduan
Studi Kasus To-Do: localStorage & Penyempurnaan
Finalisasi aplikasi To-Do List React+TS! Pelajari cara menyimpan daftar tugas ke localStorage agar tidak hilang saat refresh, dan beberapa ide penyempurnaan styling atau fungsionalitas.
Panduan
Union & Intersection Types di TS
Bikin tipe datamu lebih fleksibel! Pelajari cara menggunakan Union Types untuk variabel yang bisa memiliki salah satu dari beberapa tipe, dan Intersection Types untuk menggabungkan beberapa tipe menjadi satu.
Panduan
Generics Dasar TS
Tingkatkan fleksibilitas dan keamanan tipe kodemu! Pelajari konsep dasar Generics di TypeScript untuk membuat fungsi, interface, atau class yang bisa bekerja dengan berbagai tipe data secara aman.
Panduan
Penutup TypeScript & Tips
Kamu berhasil menaklukkan dasar-dasar TypeScript! Rangkuman singkat manfaat utama TypeScript, tips untuk menggunakannya secara efektif, dan arahan ke topik serta sumber belajar lebih lanjut.