[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"me":3,"catalog:tr:mobile\u002Frn-performance-rendering":4,"config":211},null,{"field_key":5,"field_name":6,"seniority":7,"topic_key":8,"topic_name":9,"spec_key":7,"spec_name":7,"locale":10,"cell_total":11,"field_total":12,"seniorities":13,"topics":17,"specs":112,"samples":126},"mobile","Mobil","","rn-performance-rendering","Rn Performance Rendering","tr",75,2400,[14,15,16],"junior","mid","senior",[18,21,24,27,30,33,36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,109],{"key":19,"name":20,"count":11},"fl-dart-async-isolates","Fl Dart Async Isolates",{"key":22,"name":23,"count":11},"fl-dart-language-null-safety","Fl Dart Language Null Safety",{"key":25,"name":26,"count":11},"fl-flutter-persistence-storage","Fl Flutter Persistence Storage",{"key":28,"name":29,"count":11},"fl-flutter-platform-channels-lifecycle","Fl Flutter Platform Channels Lifecycle",{"key":31,"name":32,"count":11},"fl-flutter-rendering-widget-tree","Fl Flutter Rendering Widget Tree",{"key":34,"name":35,"count":11},"fl-flutter-state-management-widgets","Fl Flutter State Management Widgets",{"key":37,"name":38,"count":11},"ios-core-data-swiftdata-persistence","Ios Core Data Swiftdata Persistence",{"key":40,"name":41,"count":11},"ios-lifecycle-background-execution","Ios Lifecycle Background Execution",{"key":43,"name":44,"count":11},"ios-memory-management-arc","Ios Memory Management Arc",{"key":46,"name":47,"count":11},"ios-swift-concurrency-structured","Ios Swift Concurrency Structured",{"key":49,"name":50,"count":11},"ios-swift-type-system-optionals","Ios Swift Type System Optionals",{"key":52,"name":53,"count":11},"ios-swiftui-state-rendering","Ios Swiftui State Rendering",{"key":55,"name":56,"count":11},"kt-android-lifecycle-background-execution","Kt Android Lifecycle Background Execution",{"key":58,"name":59,"count":11},"kt-android-memory-context-leaks","Kt Android Memory Context Leaks",{"key":61,"name":62,"count":11},"kt-android-room-persistence","Kt Android Room Persistence",{"key":64,"name":65,"count":11},"kt-jetpack-compose-state-recomposition","Kt Jetpack Compose State Recomposition",{"key":67,"name":68,"count":11},"kt-kotlin-coroutines-flow","Kt Kotlin Coroutines Flow",{"key":70,"name":71,"count":11},"kt-kotlin-type-system-null-safety","Kt Kotlin Type System Null Safety",{"key":73,"name":74,"count":11},"mobile-distribution-ci","Mobile Distribution Ci",{"key":76,"name":77,"count":11},"mobile-navigation","Mobile Navigation",{"key":79,"name":80,"count":11},"mobile-networking-offline","Mobile Networking Offline",{"key":82,"name":83,"count":11},"mobile-performance-battery","Mobile Performance Battery",{"key":85,"name":86,"count":11},"mobile-security-storage","Mobile Security Storage",{"key":88,"name":89,"count":11},"mobile-state-data","Mobile State Data",{"key":91,"name":92,"count":11},"mobile-testing-automation","Mobile Testing Automation",{"key":94,"name":95,"count":11},"mobile-ui-lifecycle","Mobile Ui Lifecycle",{"key":97,"name":98,"count":11},"rn-javascript-typescript-fundamentals","Rn Javascript Typescript Fundamentals",{"key":100,"name":101,"count":11},"rn-native-bridge-modules","Rn Native Bridge Modules",{"key":103,"name":104,"count":11},"rn-navigation-lifecycle","Rn Navigation Lifecycle",{"key":106,"name":107,"count":11},"rn-networking-persistence-offline","Rn Networking Persistence Offline",{"key":8,"name":9,"count":11},{"key":110,"name":111,"count":11},"rn-react-hooks-state-management","Rn React Hooks State Management",[113,117,120,123],{"key":114,"name":115,"count":116},"android-kotlin","Android (Kotlin)",450,{"key":118,"name":119,"count":116},"flutter","Flutter",{"key":121,"name":122,"count":116},"ios-swift","iOS (Swift)",{"key":124,"name":125,"count":116},"react-native","React Native",[127,145,158,171,184,198],{"id":128,"topic":9,"difficulty":129,"body":130,"options":131,"correct_key":142,"explanation":144},"019fa9e5-7246-7af2-a784-a161dacf83be",1,"React Native'de uzun bir diziyi `ScrollView` + `.map()` ile render etmek yerine genellikle `FlatList` tercih edilmesinin sebebi nedir?",[132,135,138,141],{"key":133,"text":134},"a","FlatList tüm render işini native UI thread'e taşır, JS hiç devreye girmez.",{"key":136,"text":137},"b","FlatList tüm öğeleri baştan render eder ama ekran görüntülerini daha hızlı scroll için cache'ler.",{"key":139,"text":140},"c","ScrollView, framework'ün sabit bir sınırı nedeniyle 50'den fazla öğe render edemez.",{"key":142,"text":143},"d","FlatList render’i virtualize eder, sadece viewport’a yakın ögeleri mount eder.","`FlatList` virtualized'dır: sadece görünür alana yakın öğeleri mount eder, ekran dışındakileri geri dönüştürür\u002Funmount eder; bu da `ScrollView`'in aksine (ki her şeyi hemen mount eder) uzun listelerde bellek ve ilk render maliyetini düşük tutar.",{"id":146,"topic":9,"difficulty":129,"body":147,"options":148,"correct_key":136,"explanation":157},"019fa9e5-7249-7cd7-9ec1-95990f72b791","`FlatList` üzerindeki `keyExtractor` prop'unun temel amacı nedir?",[149,151,153,155],{"key":133,"text":150},"Her liste öğesinin üstünde gösterilen görsel etiketi\u002Fanahtarı belirler.",{"key":136,"text":152},"Her öge için doğru takip sağlayan kararlı, benzersiz bir kimlik.",{"key":139,"text":154},"Hangi öğelerin kaydırılarak silinebileceğini tanımlar.",{"key":142,"text":156},"Liste verisini ağ üzerinden göndermeden önce şifreler.","`keyExtractor`, her öğe için kararlı ve benzersiz bir string döner; React bunu, array index'ine güvenmek yerine öğeleri re-render\u002Fyeniden sıralama arasında tanımlamak için kullanır, yanlış state yeniden kullanımını ve gereksiz remount'ları önler.",{"id":159,"topic":9,"difficulty":129,"body":160,"options":161,"correct_key":136,"explanation":170},"019fa9e5-724a-7854-9b14-7e2df79c9456","Tüm satırların sabit ve bilinen bir yüksekliği olduğunda `FlatList`'e `getItemLayout` vermenin faydası nedir?",[162,164,166,168],{"key":133,"text":163},"Virtualization'ı devre dışı bırakır, böylece daha pürüzsüz görünmesi için liste tek seferde render edilir.",{"key":136,"text":165},"FlatList’in ögeleri ölçmesini atlayıp doğrudan herhangi bir scroll offset’ine atlamasını sağlar.",{"key":139,"text":167},"Listeye otomatik olarak pull-to-refresh desteği ekler.",{"key":142,"text":169},"Piksel-mükemmel hizalama için her satırın her scroll event'inde yeniden render edilmesini zorunlu kılar.","`getItemLayout`, her satır için `{length, offset, index}` değerini önceden verir; böylece FlatList asenkron bir ölçüm geçişi olmadan scroll pozisyonlarını hesaplayabilir — bu da `scrollToIndex`\u002F`scrollToOffset`'i anlık yapar ve layout takılmalarını azaltır.",{"id":172,"topic":9,"difficulty":129,"body":173,"options":174,"correct_key":133,"explanation":183},"019fa9e5-724f-788c-926b-3e6af6d23589","`FlatList`'teki `initialNumToRender` prop'u neyi kontrol eder?",[175,177,179,181],{"key":133,"text":176},"İlk render geçişinde eş zamanlı render edilen öge sayısını.",{"key":136,"text":178},"Liste mount olduğunda tetiklenen network isteği sayısını.",{"key":139,"text":180},"Ekran dışına kaydıktan sonra bellekte tutulan öğe sayısını.",{"key":142,"text":182},"Listenin ömrü boyunca hiç render edilecek toplam öğe sayısını.","`initialNumToRender`, kullanıcının içeriği hemen görmesi için ilk geçişte kaç satırın render edileceğini belirler; çok yüksek değer ilk mount'u yavaşlatır, çok düşük değer ise sonraki batch'ler render edilene kadar kısa süreliğine boş alan gösterebilir.",{"id":185,"topic":9,"difficulty":186,"body":187,"options":188,"correct_key":133,"explanation":197},"019fa9e5-7250-74cd-a712-ba1393d261d1",2,"Bir `FlatList`, satırları `renderItem={({item}) => \u003CRow item={item} selectedId={selectedId} \u002F>}` ile render ediyor. Ekranın başka bir yerinde `selectedId` değiştiğinde, `Row` bu prop'u okuduğu halde hiçbir satır yeni seçimi yansıtacak şekilde güncellenmiyor. En olası sebep ve doğru düzeltme nedir?",[189,191,193,195],{"key":133,"text":190},"`selectedId`, `data`’nın parçası değildir; yeniden render’i zorlamak için `extraData`’ya geçirin.",{"key":136,"text":192},"FlatList renderItem çıktısını sonsuza kadar cache'ler; düzeltme, seçim değiştiğinde her öğenin `key`'ini değiştirmektir.",{"key":139,"text":194},"Bu beklenen bir durumdur ve `SectionList`'e geçmeden düzeltilemez.",{"key":142,"text":196},"Dış prop'ların algılanması için `renderItem` düz bir fonksiyon yerine `useEffect` ile tanımlanmalıdır.","FlatList, satırları yeniden render edip etmeyeceğine `data`'ya (ve kendi prop'larına) dayalı yüzeysel bir karşılaştırmayla karar verir; `renderItem` içinde kullanılan ama `data`'nın parçası olmayan dış değerler `extraData` üzerinden geçirilmelidir ki FlatList değiştiklerinde yeniden render etmesi gerektiğini bilsin.",{"id":199,"topic":9,"difficulty":186,"body":200,"options":201,"correct_key":142,"explanation":210},"019fa9e5-7255-755a-a092-ce5c205845f1","Bir fonksiyonel component'i `React.memo(Component)` ile sarmalamak ne yapar?",[202,204,206,208],{"key":133,"text":203},"Kendi prop'larından bağımsız olarak component'in çocuklarının asla yeniden render edilmemesini sağlar.",{"key":136,"text":205},"Component'in ilk render çıktısını uygulamanın ömrü boyunca kalıcı olarak cache'ler.",{"key":139,"text":207},"Fonksiyonel component'i performans için içeride bir class component'e dönüştürür.",{"key":142,"text":209},"Prop’lar öncekiyle yüzeysel olarak eşitse component’i yeniden render etmeyi atlar.","`React.memo`, prop'lar son render'a göre yüzeysel olarak eşitse React'in component'i yeniden render etmesini atlamasını sağlayacak şekilde sarmalar — sadece o component'i etkiler (doğrudan çocuklarını değil) ve bir prop referansı değiştiyse parent render'ı yine de yeniden render'a sebep olabilir.",{"fields":212,"seniorities":388,"interview_shapes":389,"locales":394,"oauth":396,"question_count":399,"coach_enabled":400,"jd_match_enabled":400},[213,238,258,275,299,312,331,340,362,369,375,382],{"key":214,"name_tr":215,"name_en":215,"sort":129,"specializations":216},"backend","Backend",[217,220,223,226,229,232,235],{"key":218,"name":219,"field":214},"general","Genel",{"key":221,"name":222,"field":214},"go","Go",{"key":224,"name":225,"field":214},"python","Python",{"key":227,"name":228,"field":214},"java","Java",{"key":230,"name":231,"field":214},"csharp","C#\u002F.NET",{"key":233,"name":234,"field":214},"nodejs","Node.js",{"key":236,"name":237,"field":214},"php","PHP",{"key":239,"name_tr":240,"name_en":240,"sort":186,"specializations":241},"frontend","Frontend",[242,243,246,249,252,255],{"key":218,"name":219,"field":239},{"key":244,"name":245,"field":239},"javascript","JavaScript",{"key":247,"name":248,"field":239},"typescript","TypeScript",{"key":250,"name":251,"field":239},"react","React",{"key":253,"name":254,"field":239},"vue","Vue",{"key":256,"name":257,"field":239},"angular","Angular",{"key":259,"name_tr":260,"name_en":260,"sort":261,"specializations":262},"fullstack","Fullstack",3,[263,264,265,266,267,268,269,270,271,272,273,274],{"key":218,"name":219,"field":259},{"key":221,"name":222,"field":214},{"key":224,"name":225,"field":214},{"key":227,"name":228,"field":214},{"key":230,"name":231,"field":214},{"key":233,"name":234,"field":214},{"key":236,"name":237,"field":214},{"key":244,"name":245,"field":239},{"key":247,"name":248,"field":239},{"key":250,"name":251,"field":239},{"key":253,"name":254,"field":239},{"key":256,"name":257,"field":239},{"key":276,"name_tr":277,"name_en":277,"sort":278,"specializations":279},"devops-cloud","DevOps \u002F Cloud",4,[280,281,284,287,290,293,296],{"key":218,"name":219,"field":276},{"key":282,"name":283,"field":276},"aws","AWS",{"key":285,"name":286,"field":276},"gcp","GCP",{"key":288,"name":289,"field":276},"azure","Azure",{"key":291,"name":292,"field":276},"kubernetes","Kubernetes",{"key":294,"name":295,"field":276},"terraform","Terraform",{"key":297,"name":298,"field":276},"linux","Linux",{"key":300,"name_tr":301,"name_en":301,"sort":302,"specializations":303},"ai-engineer","AI Engineer",5,[304,305,306,309],{"key":218,"name":219,"field":300},{"key":224,"name":225,"field":300},{"key":307,"name":308,"field":300},"llm-rag","LLM\u002FRAG",{"key":310,"name":311,"field":300},"mlops","MLOps",{"key":313,"name_tr":314,"name_en":315,"sort":316,"specializations":317},"database","Veritabanı","Database",6,[318,319,322,325,328],{"key":218,"name":219,"field":313},{"key":320,"name":321,"field":313},"postgresql","PostgreSQL",{"key":323,"name":324,"field":313},"mysql","MySQL",{"key":326,"name":327,"field":313},"mongodb","MongoDB",{"key":329,"name":330,"field":313},"redis","Redis",{"key":5,"name_tr":6,"name_en":332,"sort":333,"specializations":334},"Mobile",7,[335,336,337,338,339],{"key":218,"name":219,"field":5},{"key":121,"name":122,"field":5},{"key":114,"name":115,"field":5},{"key":118,"name":119,"field":5},{"key":124,"name":125,"field":5},{"key":341,"name_tr":342,"name_en":343,"sort":344,"specializations":345},"security","Güvenlik","Security",8,[346,347,350,353,356,359],{"key":218,"name":219,"field":341},{"key":348,"name":349,"field":341},"appsec","AppSec",{"key":351,"name":352,"field":341},"offensive-pentest","Offensive \u002F Pentest",{"key":354,"name":355,"field":341},"cloud-security","Cloud Security",{"key":357,"name":358,"field":341},"devsecops","DevSecOps",{"key":360,"name":361,"field":341},"blue-team-incident","Blue Team \u002F Incident",{"key":363,"name_tr":364,"name_en":365,"sort":366,"specializations":367},"qa-test-automation","QA \u002F Test Otomasyonu","QA \u002F Test Automation",9,[368],{"key":218,"name":219,"field":363},{"key":370,"name_tr":371,"name_en":371,"sort":372,"specializations":373},"data-engineer","Data Engineer",10,[374],{"key":218,"name":219,"field":370},{"key":376,"name_tr":377,"name_en":378,"sort":379,"specializations":380},"game-dev","Oyun Geliştirme","Game Development",11,[381],{"key":218,"name":219,"field":376},{"key":383,"name_tr":384,"name_en":384,"sort":385,"specializations":386},"ml-engineer","ML Engineer",12,[387],{"key":218,"name":219,"field":383},[14,15,16],{"junior":390,"mid":392,"senior":393},{"questions":391,"median_sec":3},20,{"questions":391,"median_sec":3},{"questions":391,"median_sec":3},[10,395],"en",[397,398],"google","github",21750,true]