Architecture & Design Patterns
Feature-based yapı, atomic design, clean architecture, SOLID prensipleri, dependency injection
1React'te Atomic Design nedir?
React'te Atomic Design nedir?
Cevap
Atomic Design, React bileşenlerini 5 hiyerarşik düzeyde organize eder: atoms (butonlar, inputlar), molecules (basit formlar), organisms (header, footer), templates (sayfa düzeni) ve pages (somut örnekler). Bu metodoloji, design system için tutarlı ve ölçeklenebilir bir yapı sağlar. Ortak bir kelime dağarcığı paylaşarak tasarımcılar ve geliştiriciler arasındaki bileşen yeniden kullanılabilirliğini ve işbirliğini kolaylaştırır.
2Feature-based mimarinin temel özelliği nedir?
Feature-based mimarinin temel özelliği nedir?
Cevap
Feature-based mimari, bir işlevsellikle ilgili tüm dosyaları aynı klasörde gruplar (bileşenler, hooks, stiller, testler, tipler). Bu yaklaşım co-location ve feature özerkliğini destekler. Her feature, kendi sorumlulukları olan bağımsız bir modül haline gelir; bu bakımı kolaylaştırır ve ekiplerin çakışma olmadan paralel çalışmasına olanak sağlar.
3Clean Architecture'ın temel prensibi nedir?
Clean Architecture'ın temel prensibi nedir?
Cevap
Clean Architecture, Dependency Rule'a dayanır: bağımlılıklar her zaman içe doğru işaret etmelidir, dış katmanlardan (UI, altyapı) iç katmanlara (domain, business logic). İş alanı hiçbir zaman UI veya framework'lere bağlı olmamalıdır. Bu ayrım, iş mantığını bağımsız olarak test etmeyi, iş kodu yeniden yazmadan framework değiştirmeyi ve ayrıştırılmış, ölçeklenebilir bir mimariyi korumayı sağlar.
React bileşenine uygulanan SOLID 'Single Responsibility' prensibi ne anlama gelir?
React'te dependency injection nedir?
+19 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
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