[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"me":3,"catalog:en: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","Mobile","","rn-performance-rendering","Rn Performance Rendering","en",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,"Why is `FlatList` generally preferred over rendering a long array with `ScrollView` + `.map()` in React Native?",[132,135,138,141],{"key":133,"text":134},"a","FlatList moves all rendering work to a native UI thread so JS is never involved.",{"key":136,"text":137},"b","FlatList renders every item eagerly but caches the screenshots for faster scrolling.",{"key":139,"text":140},"c","ScrollView cannot render more than 50 items due to a hard framework limit.",{"key":142,"text":143},"d","FlatList virtualizes rendering, mounting only items near the viewport.","`FlatList` is virtualized: it only mounts items near the visible viewport and recycles\u002Funmounts off-screen ones, which keeps memory and initial render cost low for long lists, unlike `ScrollView` which mounts everything immediately.",{"id":146,"topic":9,"difficulty":129,"body":147,"options":148,"correct_key":136,"explanation":157},"019fa9e5-7249-7cd7-9ec1-95990f72b791","What is the main purpose of the `keyExtractor` prop on `FlatList`?",[149,151,153,155],{"key":133,"text":150},"It sets the visual key\u002Flabel shown above each list item.",{"key":136,"text":152},"A stable, unique identity per item for correct tracking.",{"key":139,"text":154},"It defines which items are allowed to be swiped to delete.",{"key":142,"text":156},"It encrypts the list data before sending it over the network.","`keyExtractor` returns a stable unique string per item, which React uses to identify items across re-renders\u002Freorders instead of relying on array index, avoiding incorrect state reuse and unnecessary remounts.",{"id":159,"topic":9,"difficulty":129,"body":160,"options":161,"correct_key":136,"explanation":170},"019fa9e5-724a-7854-9b14-7e2df79c9456","What benefit does providing `getItemLayout` to `FlatList` give when all rows have a fixed, known height?",[162,164,166,168],{"key":133,"text":163},"It disables virtualization so the whole list renders at once for a smoother look.",{"key":136,"text":165},"It lets FlatList skip measuring items and jump directly to any scroll offset.",{"key":139,"text":167},"It automatically adds pull-to-refresh support to the list.",{"key":142,"text":169},"It forces every row to re-render on every scroll event for pixel-perfect alignment.","`getItemLayout` gives FlatList the exact `{length, offset, index}` for each row upfront, so it can compute scroll positions without an async measurement pass — this makes `scrollToIndex`\u002F`scrollToOffset` instant and reduces layout jank.",{"id":172,"topic":9,"difficulty":129,"body":173,"options":174,"correct_key":133,"explanation":183},"019fa9e5-724f-788c-926b-3e6af6d23589","What does the `initialNumToRender` prop on `FlatList` control?",[175,177,179,181],{"key":133,"text":176},"How many items render synchronously in the first render pass.",{"key":136,"text":178},"The number of network requests fired when the list mounts.",{"key":139,"text":180},"The number of items kept in memory after they scroll off-screen.",{"key":142,"text":182},"The total number of items that will ever be rendered during the list's lifetime.","`initialNumToRender` sets how many rows are rendered on the first pass so the user sees content immediately; too high a value slows the initial mount, too low can show blank space briefly before subsequent batches render.",{"id":185,"topic":9,"difficulty":186,"body":187,"options":188,"correct_key":133,"explanation":197},"019fa9e5-7250-74cd-a712-ba1393d261d1",2,"A `FlatList` renders rows via `renderItem={({item}) => \u003CRow item={item} selectedId={selectedId} \u002F>}`. When `selectedId` changes elsewhere in the screen, none of the rows update to reflect the new selection, even though `Row` reads `selectedId` from props. What is the most likely reason and correct fix?",[189,191,193,195],{"key":133,"text":190},"`selectedId` isn't part of `data`, so pass it via `extraData` to force re-render.",{"key":136,"text":192},"FlatList caches renderItem output forever; the fix is to change every item's `key` on selection change.",{"key":139,"text":194},"This is expected and cannot be fixed without switching to `SectionList`.",{"key":142,"text":196},"`renderItem` must be declared with `useEffect` instead of a plain function for external props to be picked up.","FlatList does a shallow comparison based on `data` (and its own props) to decide whether to re-render rows; external values referenced inside `renderItem` but not part of `data` must be passed through `extraData` so FlatList knows to re-render when they change.",{"id":199,"topic":9,"difficulty":186,"body":200,"options":201,"correct_key":142,"explanation":210},"019fa9e5-7255-755a-a092-ce5c205845f1","What does wrapping a functional component with `React.memo(Component)` do?",[202,204,206,208],{"key":133,"text":203},"It prevents the component's children from ever re-rendering, regardless of their own props.",{"key":136,"text":205},"It permanently caches the component's first render output for the lifetime of the app.",{"key":139,"text":207},"It converts the functional component into a class component internally for performance.",{"key":142,"text":209},"It skips re-rendering the component when its props are shallowly equal to before.","`React.memo` wraps a component so React skips re-rendering it when its props are shallowly equal to the last render — it only affects that component (not its children directly), and a parent re-render can still cause re-render if a prop reference changed.",{"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":332,"name_en":6,"sort":333,"specializations":334},"Mobil",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},[395,10],"tr",[397,398],"google","github",21750,true]