Question 1

JavaScript'te let ve var arasındaki temel fark nedir?

Accepted Answer

let blok kapsamına (block scope) sahipken var fonksiyon kapsamına (function scope) sahiptir. Bu, let ile tanımlanan bir değişkenin yalnızca tanımlandığı blok içinde (süslü parantezler arasında) erişilebilir olduğu, var ise tüm fonksiyon boyunca erişilebilir olduğu anlamına gelir. Bu fark, hoisting ile ilgili hataları ve değişkenlerin amaçlanan bağlamlarının dışına sızmasını önlemek için çok önemlidir.

Question 2

React'te JSX nedir?

Accepted Answer

JSX, HTML benzeri kodun doğrudan JavaScript içinde yazılmasına olanak tanıyan bir JavaScript sözdizimi uzantısıdır. Babel gibi araçlar tarafından React.createElement() fonksiyon çağrılarına dönüştürülür. JSX, kodu daha okunabilir hale getirir ve mantık ile render işlemini aynı dosyada birleştirerek UI oluşturmayı kolaylaştırır.

Question 3

React Native'de kapsayıcı oluşturmak için kullanılan temel bileşen nedir?

Accepted Answer

View bileşeni, React Native'in temel kapsayıcısıdır ve HTML'deki div'e eşdeğerdir. Diğer bileşenleri gruplamaya, stil uygulamaya ve Flexbox aracılığıyla düzeni yönetmeye olanak tanır. Web'in aksine, React Native native bileşenlere (iOS'ta UIView, Android'de android.view) çevrilmesi gerektiğinden div yerine View kullanır.

Question 4

React fonksiyonel bileşeninde bir state değişkeni tanımlamayı sağlayan fonksiyon hangisidir?

Accepted Answer

useState, fonksiyonel bileşenlerde yerel state yönetmek için temel hook'tur. Mevcut state değerini ve onu güncellemek için bir fonksiyonu içeren bir dizi döndürür. this.state kullanan sınıf bileşenlerinin aksine, fonksiyonel bileşenler her bağımsız state değişkeni için useState kullanır.

Question 5

React Native'de HTTP istekleri yapmak için kullanılan native JavaScript yöntemi nedir?

Accepted Answer

fetch, HTTP istekleri yapmak için JavaScript ve React Native'e gömülü native bir API'dir. Bir Promise döndürür ve harici bağımlılık olmadan GET, POST, PUT, DELETE isteklerini yönetmeye olanak tanır. axios'tan farklı olarak fetch, herhangi bir paket kurmadan native olarak kullanılabilir.

Question 6

React Native'de AsyncStorage'ın temel özelliği nedir?

Accepted Answer

AsyncStorage; asenkron, şifrelenmemiş ve kalıcı bir anahtar-değer depolama sistemidir. Uygulama genelinde global olarak çalışır ve verileri string olarak saklar. React Native'e gömülü en basit depolama çözümüdür ve basit kullanıcı tercihleri veya hassas olmayan veriler için idealdir.

Question 7

React Native'de controlled input ile uncontrolled input arasındaki temel fark nedir?

Accepted Answer

Controlled input, value ve onChangeText prop'ları aracılığıyla React state tarafından yönetilir ve böylece değer üzerinde her an tam kontrol sağlar. Uncontrolled input ise React state'ten geçmeden değere doğrudan erişmek için bir ref kullanır. Controlled input'lar, gerçek zamanlı doğrulamayı ve uygulama state'i ile senkronizasyonu kolaylaştırdığı için önerilir.

Question 8

React Native performans optimizasyonunda React.memo'nun temel rolü nedir?

Accepted Answer

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.

Question 9

React Native uygulamasında memory leak nedir?

Accepted Answer

Memory leak, bellekteki nesneler artık uygulama tarafından kullanılmamasına rağmen bu nesnelere hâlâ referanslar bulunduğu için garbage collector tarafından serbest bırakılamadığında ortaya çıkar. React Native'de bu durum genellikle temizlenmemiş subscription'larda, unmount sonrası hâlâ aktif olan timer'larda veya eski referansları yakalayan closure'larda görülür. Memory leak'ler performansı kademeli olarak düşürür ve uzun oturumlarda crash'lere yol açabilir.

Question 10

React Native uygulamasında bileşen mimarisi nedir?

Accepted Answer

Bileşen mimarisi, uygulamayı her biri tek bir sorumluluğa sahip, yeniden kullanılabilir ve bağımsız öğelere yapılandırmayı içerir. Bu yaklaşım kod yeniden kullanımını teşvik eder, birim testlerini basitleştirir ve sürdürülebilirliği artırır. Her bileşen kendi state'ini, mantığını ve sunumunu kapsüller, böylece karmaşık arayüzlerin basit ve birleştirilebilir yapı taşlarından oluşturulmasını sağlar.

React Native mülakat soruları

React Native mülakatına hazır mısın?

Tüm React Native konularını keşfet

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

Performans Optimizasyonu

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ş