Advanced React Patterns
Compound Components, Render Props, HOC, Custom Hooks patterns, Controlled/Uncontrolled, Provider, State Reducer, Props Getters
1Compound Components pattern nedir?
Compound Components pattern nedir?
Cevap
Compound Components pattern, React Context aracılığıyla örtük state paylaşan bileşenler oluşturmayı sağlar; props'ları açıkça geçirmeye gerek yoktur. Bu pattern, esnek ve birleştirilebilir bir API sunmak için Radix UI ve Headless UI gibi kütüphanelerde kullanılmaktadır. Alt bileşenler paylaşılan state'e otomatik olarak erişebilir; bu da ortak mantığı kaybetmeden yapı özelleştirmesine olanak tanır.
2Render Props pattern'ının prensibi nedir?
Render Props pattern'ının prensibi nedir?
Cevap
Render Props pattern, bir React elementi döndüren fonksiyonu prop olarak geçirerek üst bileşenin mantığını alt bileşenle paylaşmasını sağlar. Bu fonksiyon, üstten gelen verileri veya metotları parametre olarak alır. Bu pattern, hooks'ların gelmesinden önce, özellikle React Router ve Downshift gibi kütüphanelerle çok popülerdi.
3Higher-Order Components (HOC) nedir?
Higher-Order Components (HOC) nedir?
Cevap
Higher-Order Components, bir bileşeni parametre olarak alan ve ek props veya davranışlarla zenginleştirilmiş yeni bir bileşen döndüren fonksiyonlardır. Bu pattern, kod tekrarı olmadan bileşenler arasında mantığın yeniden kullanılmasını sağlar. HOC'lar kimlik doğrulama, izleme veya izin yönetimi gibi kesişen konular için kullanılır.
Kontrollü ve kontrolsüz bileşen arasındaki fark nedir?
Provider pattern 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
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
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