React Native'in Gelişen Mimarisi

Geleneksel Mimarisi

• React Native Yaklaşımı: JavaScript ve React kullanarak Android ve iOS için mobil uygulamalar oluşturmayı sağlar. Gerçek kullanıcı arayüzü, yerel platform bileşenleriyle oluşturulur.
• UI Oluşturma Yöntemi: JavaScript'i doğrudan yerel platform koduna dönüştürmek yerine, React Native bu amaç için yerel görünümleri kullanır, bu da verimliliği ve kullanıcı deneyimini artırır.
• Bileşen Etkileşimi: Uygulamanın kullanıcı arayüzü, veri yönetimini basitleştiren özellikler ve geri çağırmalar aracılığıyla etkileşimde bulunan bileşenler kullanılarak oluşturulur.
• Yerel Öğelerin Entegrasyonu: React Native, uygulamaya MapView gibi yerel bileşenleri sorunsuz bir şekilde entegre etmeyi sağlar.
• Mobil Cihazlarda JavaScript Çalıştırma: JavaScriptCore, mobil cihazlarda JavaScript'i çalıştıran bir çerçevedir. Android uygulama paketlerine dahil edilir ve iOS'ta varsayılan olarak bulunur.
• Köprü Mekanizması: React Native'de, JavaScript ve yerel iplikler arasında özelleştirilmiş bir iletişim protokolü kullanan bir Java/C++ köprüsü bulunur.

Güncellenmiş Mimarisi

• JavaScript Arayüzü (JSI): Geleneksel köprüyü değiştiren bu yeni bileşen, JavaScript motorunun doğrudan yerel yöntemleri çağırmasını sağlayan çok yönlü, hafif bir C++ katmanıdır.
• Kumaş (Fabric) Oluşturma Sistemi: Eski UI Yöneticisinin yerini alan Fabric, özellikle kaydırma gibi dinamik kullanıcı etkileşimlerinde performansı artırır.
• Turbo Modülleri: Geleneksel yerel modüller üzerinde bir iyileştirme olan Turbo Modülleri, yalnızca gerektiğinde başlatılarak uygulama başlangıç süresini hızlandırır.
• CodeGen: Dinamik olarak yazılmış JavaScript ile statik olarak yazılmış C++ arasındaki boşluğu köprüleyen CodeGen, sorunsuz iletişim sağlayan bir statik tip denetleyicisidir.

İlerlemeler ve Faydalar

• Gelişmiş Etkileşim: Yeni mimari, JavaScript ve yerel iplikler arasında doğrudan ve verimli bir iletişim sağlar, JSON serileştirmesine gerek kalmaz.
• Artırılmış Performans: Doğrudan iletişim ve senkronize iplikler sayesinde uygulamaların genel performansı önemli ölçüde artar.
• Daha Fazla Çeşitlilik: Yeni sistem, çeşitli JavaScript motorlarını destekler ve React Native'in daha fazla platforma ulaşmasını sağlar.

Özet

React Native'in en son mimarisi, mobil uygulama geliştirmede önemli bir sıçrama işaret ediyor ve uygulamalarda gelişmiş performans, sorunsuz entegrasyon ve platformlar arası daha büyük esneklik sunuyor.

( Resim: Meta Open Source )