Performans Optimizasyonu
FlatList optimizasyonu, memo, useMemo/useCallback, Hermes, profiling, bundle boyutu
1React Native performans optimizasyonunda React.memo'nun temel rolü nedir?
React Native performans optimizasyonunda React.memo'nun temel rolü nedir?
Cevap
React.memo, bir fonksiyonel bileşenin render sonucunu memoize eden bir Higher-Order Component'tir. Mevcut prop'ları öncekilerle karşılaştırarak (varsayılan olarak shallow comparison) gereksiz yeniden render'ları önler. Prop'lar değişmediyse React, bileşeni yeniden render etmek yerine memoize edilmiş sonucu yeniden kullanır; bu da listelerde veya karmaşık bileşen ağaçlarında performansı önemli ölçüde artırır.
2Hangi FlatList özelliği, öğe boyutlarını önceden sağlayarak kaydırmayı önemli ölçüde optimize eder?
Hangi FlatList özelliği, öğe boyutlarını önceden sağlayarak kaydırmayı önemli ölçüde optimize eder?
Cevap
getItemLayout, her öğenin yüksekliğini, genişliğini ve offset'ini önceden hesaplamaya olanak tanıyan isteğe bağlı bir FlatList özelliğidir. Bu, React Native'in her öğeyi dinamik olarak ölçmesini önler ve özellikle scrollToIndex ile belirli bir indekse atlarken kaydırma performansını önemli ölçüde artırır. Bu optimizasyon, tüm öğeler aynı boyuta sahip olduğunda özellikle yararlıdır.
3Optimizasyon açısından useMemo ile useCallback arasındaki temel fark nedir?
Optimizasyon açısından useMemo ile useCallback arasındaki temel fark nedir?
Cevap
useMemo, maliyetli bir hesaplamanın sonucunu memoize eder ve bu hesaplanmış değeri döndürür; useCallback ise bir fonksiyonun kendisini memoize eder ve bu fonksiyonu döndürür. useMemo, her render'da ağır yeniden hesaplamaları önlemek için yararlıdır; useCallback ise memoize edilmiş alt bileşenlere props olarak geçirilen fonksiyonların yeniden oluşturulmasını önlemek için gereklidir, aksi takdirde bu fonksiyonların React.memo optimizasyonu bozulur.
Hermes nedir ve React Native uygulamaları için temel avantajı nedir?
FlatList'e kararlı bir keyExtractor fonksiyonu sağlamak neden çok önemlidir?
+21 mülakat soruları
Diğer React Native mülakat konuları
JavaScript Temelleri
React Temelleri
React Native Temelleri
React Hooks
React & React Native için TypeScript
React Native Bileşenleri ve API
React Native Stil ve Düzen
React Native Navigasyonu
React Native State Yönetimi
React Native Networking ve API
Veri Kalıcılığı
Formlar ve Doğrulama
React Native Animasyonları
Native Modules & Bridge
Platforma Özel Kod
İzinler ve Cihaz API'leri
Push Notifications
React Native Testing
React Native Hata Ayıklama
Build & Deployment
Expo vs React Native Bare
Bellek Yönetimi
Architecture Patterns
React Native New Architecture
Güvenlik En İyi Uygulamaları
Offline-First Architecture
React Native CI/CD
Monorepo ve Kod Paylaşımı
İleri Konular
Uygulama Yaşam Döngüsü ve Arka Plan Yürütme
Kimlik Doğrulama ve Oturum Yönetimi
Monitoring & Crash Reporting
Bir sonraki mülakatın için React Native'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