React Server Components
RSC mimarisi, sunucu ile istemci bileşenleri, serileştirme, akış, Suspense sınırları
1React Server Component nedir?
React Server Component nedir?
Cevap
Server Components, yalnızca sunucuda çalışan ve istemciye hiç gönderilmeyen React bileşenleridir. Geleneksel bileşenlerin aksine, istemci tarafında hidrasyona gerek duymadıklarından JavaScript bundle boyutunu önemli ölçüde azaltırlar. Sır veya API anahtarlarını açığa çıkarmadan backend kaynaklarına (veritabanları, dosya sistemleri) doğrudan erişime olanak tanırlar.
2React'ta Client Component nasıl tanımlanır?
React'ta Client Component nasıl tanımlanır?
Cevap
Bir dosyanın başına yerleştirilen 'use client' direktifi, bileşenin ve içe aktarılan tüm alt bileşenlerin Client Components olduğunu belirtir. Bu direktif, sunucu ve istemci kodu arasındaki sınırı işaretler. Bu direktif olmadan, Next.js App Router gibi RSC'yi destekleyen framework'lerde bileşenler varsayılan olarak Server Components olur.
3Server ve Client Components arasındaki temel fark nedir?
Server ve Client Components arasındaki temel fark nedir?
Cevap
Server Components sunucuda çalışır ve kodları hiçbir zaman istemciye gönderilmez; Client Components ise tarayıcıya gönderilir ve etkileşim için JavaScript gerektirir. Bu temel ayrım kaynak erişimini, bundle boyutunu ve etkileşim yeteneklerini etkiler. Server Components, React hooks kullanamaz veya kullanıcı olaylarını yönetemez.
Bir Server Component'ta hangi React hook kullanılabilir?
Server Component'ta veri çekme nasıl yapılır?
+23 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
React ile TypeScript
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
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