TypeScript Nedir?
TypeScript, Microsoft'un 2012'de çıkardığı JavaScript'in tip-güvenli süpersetidir. Geliştirme sırasında tip hatalarını yakalıyor (runtime'a kadar bekleme yok), IDE auto-complete + refactoring güçlü, büyük projelerde maintainability + ekip onboarding %40-60 hızlı. 2026'da Türkiye kurumsal projelerin %75'inde standart.
TypeScript'in temel mantığı: JavaScript'in dinamik tip sistemine 'opt-in' statik tipler ekler. .ts veya .tsx dosyalarında değişken/fonksiyon parametrelerine tip belirtilir, compiler (tsc) bunları kontrol eder, .js dosyalarına compile eder.
Örnek karşılaştırma: ```ts // JavaScript (potentielle bug) function calculate(a, b) { return a + b } calculate(5, '10') // "510" — string concatenation, beklenmedi
// TypeScript (compile-time hata) function calculate(a: number, b: number): number { return a + b } calculate(5, '10') // Type Error: Argument of type 'string' is not assignable to parameter of type 'number'. ```
Kurumsal projelerde TypeScript ROI: 1. %40-60 daha az runtime hatası (Microsoft 2024 çalışması) 2. %50 daha hızlı code review (PR comment sayısı düşüyor) 3. %30 daha hızlı yeni geliştirici onboarding (kod kendini açıklıyor) 4. Refactor güveni — interface değiştir, tüm kullanım yerleri otomatik flagged 5. IDE auto-complete + intellisense gücü
TypeScript'in 'maliyeti': initial setup 1-2 saat, learning curve 1 hafta JS deneyimli ekipte. Aynı feature'ı yazma süresi %5-10 daha uzun ama bug fixing süresi %60+ kısalır.
React + TypeScript = .tsx dosyaları, JSX'te component prop'ları tipli. Vue 3, Angular zaten TypeScript-first.
DevPixel'in stack: TypeScript zorunlu (Next.js, React Native, API routes). 50+ projemizde 379 'any' kullanımı 2026'da temizleniyor — gerçek domain tipleri (Project, Ticket, Invoice, Profile) tanımlandı. ESLint @typescript-eslint/no-explicit-any 'warn' seviyesinde.