React ile TypeScript
Props, state, event, generics, FC tipi, children tipi, hook tiplemesi için tipler
1React bileşen props'larını tiplemenin doğru sözdizimi nedir?
React bileşen props'larını tiplemenin doğru sözdizimi nedir?
Cevap
Props interface'i ardından Props parametresiyle fonksiyonun tiplemesi önerilen standart sözdizimdir. Bu yaklaşım mükemmel tip çıkarımı sunar ve Props tipinin kodun başka yerlerinde kolayca yeniden kullanılmasını sağlar. React.FC'den daha açık olup children tiplemesi üzerinde daha iyi kontrol sağlar.
2useState ile basit bir state nasıl doğru tiplendirilir?
useState ile basit bir state nasıl doğru tiplendirilir?
Cevap
TypeScript, useState'e iletilen başlangıç değerinden state tipini otomatik olarak çıkarır. String gibi basit bir değer için genel tipi açıkça belirtmeye gerek yoktur. Otomatik çıkarım yeterlidir ve kodu daha kısa hale getirir. Açık tipleme yalnızca union'lar veya başlangıç değeri null olduğunda kullanışlıdır.
3Bir buton üzerindeki onClick olayı için doğru tip nedir?
Bir buton üzerindeki onClick olayı için doğru tip nedir?
Cevap
React.MouseEvent<HTMLButtonElement>, bir butondaki tıklama olayları için özel tiptir. HTMLButtonElement genel parametresi, ilgili DOM öğesini belirtir ve event.currentTarget aracılığıyla butona özgü özelliklere erişim sağlar. Yerel DOM MouseEvent veya çok genel bir tip kullanmak bu tipleme hassasiyetini kaybettirir.
Bir wrapper bileşenin children'larını tiplemek için hangi tip kullanılmalıdır?
React.FC ile doğrudan tipleme arasındaki temel fark nedir?
+17 mülakat soruları
Diğer React / Next.js mülakat konuları
JavaScript Temelleri
React Temelleri
React Hooks
Bileşen yaşam döngüsü
React Router
Context ile state yönetimi
Formlar ve Controlled Components
Veri Çekme ve API
React Query (TanStack Query)
Styling & CSS-in-JS
Next.js Temelleri
Next.js Veri Çekme
Next.js Server Actions
Next.js Routing ve Navigasyon
Next.js API Routes
Next.js Metadata & SEO
Next.js Middleware ve Auth
React Testing
Zustand State Management
React Performans Optimizasyonu
Error Boundaries & Error Handling
Advanced React Patterns
Next.js Gelişmiş Özellikler
Next.js Dağıtım & Üretim
Architecture & Design Patterns
React Server Components
Next.js Uluslararasılaştırma
React Güvenlik & En İyi Uygulamalar
Bir sonraki mülakatın için React / Next.js'de uzmanlaş
Tüm sorulara, flashcards'a, teknik testlere, code review alıştırmalarına ve mülakat simülatörlerine eriş.
Ücretsiz başla