React Native nedir ve nasıl çalışır?

Question

Accepted Answer

**React Native**, Meta (Facebook) tarafından geliştirilen ve **React ve JavaScript** kullanarak **native mobil uygulamalar** (iOS ve Android) oluşturmak için tasarlanmış bir framework'tür. Ayırt edici yaklaşımı, **gerçek native UI bileşenleri** (webview değil) render etmesidir ve bu da web/React geliştiricilererin, büyük ölçüde ortak kod kullanarak native uygulamalar geliştirmesine olanak tanır. ## React Native nedir ```text React Native = build NATIVE mobile apps with React + JavaScript/TypeScript: → ONE codebase (mostly) for iOS AND Android → uses REACT (components, JSX, hooks, state) — familiar to web React developers → renders REAL NATIVE UI components (not a webview / not HTML) → native look & feel → by Meta; widely used (Instagram, Discord, Shopify, etc.) ``` ## Nasıl çalışır: JavaScript native UI'yi yönlendiriyor ```text → You write React components in JavaScript → React Native maps them to REAL NATIVE views (a → a native UIView/ViewGroup; → native text) — NOT web/HTML elements → JS runs and communicates with the native side (historically via a "bridge"; the new architecture uses JSI for direct, faster communication) → The result is a genuinely native app, written in React/JS ``` ## Temel özellikler ```text ✓ NATIVE components → native performance and look/feel (vs webview-based frameworks) ✓ REACT model → components, JSX, hooks, state, props (web React skills transfer) ✓ Cross-platform → share most code across iOS/Android (some platform-specific code) ✓ FAST REFRESH → see changes instantly (like hot reload); large npm ecosystem ✓ Access native features via native modules / Expo ``` ## Neden önemli React Native'in ne olduğunu ve nasıl çalıştığını anlamak, React Native geliştirme için temeldir ve çapraz platform ortamını anlamak için değerlidir. React Native, büyük ölçüde ortak bir kod tabanından **React ve JavaScript kullanarak native mobil uygulamalar** oluşturmak için önemli bir framework'tür — ayrı iOS ve Android uygulamaları geliştirme ihtiyacını ortadan kaldırırken, geniş **web/React geliştiriciler** havuzunun mevcut becerilerini (bileşenler, JSX, hooks, state) mobil geliştirmeye uygulamasına olanak tanır, bu da önemli bir avantajdır. Tanımlayıcı özellik — React Native'in **gerçek native UI bileşenleri** render etmesi (React bileşenlerini gerçek native view'lara haritalamak, webview veya HTML değil) — anlaşılması önemlidir çünkü uygulamalara **native performans ve görünüm/hissiyat** sağlar, React Native'i webview tabanlı yaklaşımlardan ayırır ve onu gerçek bir native uygulama çözümü haline getirir. **Nasıl çalıştığını** anlamak (JavaScript çalışması ve native UI'yi yönlendirmesi, tarihsel olarak bridge aracılığıyla veya yeni mimaride daha hızlı JSI aracılığıyla native tarafla iletişim kurması) onun hibrit doğasını açıklığa kavuşturur. **Temel özellikler** hakkında bilgi — native bileşenler (native görünüm/performans), tanıdık React modeli (transfere edilebilir web becerileri), çapraz platform kod paylaşımı, Fast Refresh (anında güncellemeler), geniş npm ekosistemi ve native özellik erişimi — React Native'in neden yaygın olarak kullanıldığını (Instagram, Discord, Shopify ve çoğu diğer tarafından kullanılıyor) açıklar. React Native önemli bir çapraz platform framework'tür (özellikle React/web geliştiricileri için çekici) ve onun doğasını (React + JS, native bileşenler, çapraz platform) ve nasıl çalıştığını (gerçek native UI'yi yönlendirme) anlamak React Native çalışması için temeldir ve çapraz platform seçeneklerini anlamak için önemlidir, React Native'in ne olduğunu ve nasıl çalıştığını anlamak gerekli temel bilgidir — React Native geliştirme için başlangıç noktası ve çapraz platform teknolojileri arasında nasıl yer aldığını anlamak için önemli bağlam, özellikle React becerilerini native mobil uygulamalar geliştirme için kullanmak açısından değerli bir yaklaşım.