Context ile state yönetimi
Context API, createContext, useContext, Provider pattern, context composition, performance
1React'te Context API nedir?
React'te Context API nedir?
Cevap
Context API, her seviyede props'u açıkça geçirmeden bileşenler arasında veri paylaşımını sağlayan React'in yerleşik bir mekanizmasıdır. Tüm alt bileşenler tarafından erişilebilen global state oluşturarak prop drilling sorununu çözer. Context, tema, dil veya kimliği doğrulanmış kullanıcı bilgileri gibi nadiren değişen veriler için özellikle uygundur.
2Yeni bir Context oluşturmak için hangi fonksiyon kullanılır?
Yeni bir Context oluşturmak için hangi fonksiyon kullanılır?
Cevap
createContext fonksiyonu, yeni bir bağlamı başlatmak için React'in yerel yöntemidir. Bir bileşenin üst Provider olmadan Context'i kullanması durumunda kullanılacak isteğe bağlı bir varsayılan değer kabul eder. Bu fonksiyon, Provider ve Consumer içeren bir nesne döndürür; ancak Consumer, modern hook'larla nadiren kullanılır.
3Bir Context değerini tüketmek için hangi hook kullanılır?
Bir Context değerini tüketmek için hangi hook kullanılır?
Cevap
useContext hook'u, çocuk bileşenlerin bileşen ağacındaki en yakın Provider tarafından sağlanan değeri okumasına olanak tanır. Daha eski Consumer API'nin yerini alır ve daha özlü ve okunabilir bir sözdizimi sunar. Bileşen, Context değişikliklerine otomatik olarak yeniden abone olacak ve buna göre güncellenecektir.
Bir Context'e değer sağlamak için hangi bileşen kullanılır?
Bir bileşen üst Provider olmadan useContext kullanırsa ne olur?
+15 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
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
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