TypeScript Mastery

Kamu sudah bisa membangun aplikasi React 19 lengkap dengan Tailwind, TanStack Query, Zustand, dan Zod. Tapi coba ingat-ingat: berapa kali aplikasimu "blank" di browser karena undefined is not a function, salah ketik nama properti (user.nmae), atau lupa bahwa API mengembalikan null? Semua bug itu baru ketahuan saat aplikasi dijalankan. TypeScript memindahkan sebagian besar kesalahan seperti itu ke saat kamu mengetik kode, lengkap dengan garis merah di editor dan autocomplete yang tahu persis isi setiap object.

Materi ini membawamu dari nol sampai bisa memigrasikan aplikasi React ke TypeScript mode strict: tipe dasar, function, interface, union dan narrowing, generics, utility types, class dan module, pola-pola TypeScript di React, sampai validasi data API dengan Zod. Semua versi dicek langsung ke registry npm pada 24 Oktober 2026: TypeScript 7.0.2 (rilis 7.0 diumumkan 8 Juli 2026, compiler-nya kini ditulis ulang dalam bahasa Go dan 8-12x lebih cepat), tsx 4.23.15, Zod 4.6.7, React 19.3, @types/react 19.3, Vite 8.3 dengan create-vite 9.3.1, dan Node.js 26. Setiap contoh kode sudah diuji dengan npx tsc --noEmit memakai TypeScript 7.0.2, termasuk contoh yang sengaja dibuat error, supaya pesan error yang kamu baca di sini sama dengan yang akan kamu lihat di layar. Materi ini sengaja diletakkan sebelum Next.js, karena proyek Next.js modern hampir selalu ditulis dengan TypeScript.