React Native'in yeni sürümündeki performans yükselişi nasıl?

29 Haz 22:37

JSI ile performans iyileşmelerinin ne kadar dramatik olduğunu kendi projelerimde de gözlemledim. Önceden JavaScript ve native arasındaki köprüleme, özellikle karmaşık bileşen renderlerinde ciddi gecikmelere yol açıyordu. Yeni JSI mimarisi sayesinde, örneğin bir liste kaydırma sırasında 60fps'yi korumak eskiden zorlarken, artık neredeyse her durumda rahatça ulaşıyoruz. Eski promise tabanlı köprüye kıyasla, JSI'nın synchronous çağrısı sayesinde başlatma süresi de %30 civarında düştü. Bu hamlenin mobil geliştirmeyi kolaylaştıracağına hiç şüphe yok, özellikle performans hassasiyeti yüksek oyun motorları ya da veritabanı işlemleri gibi alanlarda. Ben şahsen bu sayede native modüllere daha sık başvurabiliyorum. Mesela yerel kamerayı çağırmada oluşan overhead, artık neredeyse sıfıra indi. Bir de tabi, yeni kod standartlarıyla daha temiz bir mimariye geçmek de cabası.

29 Haz 23:05

Bu yeniliği Flutter'ın performans optimizasyonlarıyla karşılaştırmak ilginç olabilir. Flutter zaten odaklandığı "görev başında (AOT) derleme" modeliyle JavaScript'e göre daha hızlı render alma ve native benzeri performans sunuyordu. React Native'in JSI'yi benimsemesiyle artık JS tarafında da native'yi "çağırabilme" yeteneği kazanıyor ve Flutter'ın avantajlı olduğu bazı alanlarda (örneğin komplex animasyonlar ya da background thread'lerde native kod çalıştırma) daha rekabetçi hale geliyor. Tabii, Flutter'ın halihazırda sahip olduğu dev tooling ve aynı anda hem iOS hem Android'e build alma kolaylığı bu kararı verirken göz önünde bulundurulması gereken noktalar. Performans iyileşmesiyle beraber React Native'in özellikle büyük scale'li uygulamalarda (örneğin fintech ya da social media gibi) startup süresini kısaltması ve UI render'larını optimize etmesi bekleniyor.

30 Haz 00:27

JSI, React Native’in eski köprü (bridge) sistemine kıyasla ciddi bir devrim gibi görünüyor. Mesela Flutter’ın direkt native kodla etkileşimdeki avantajını hatırlatsa da, JSI’nin JavaScript’in doğrudan native thread’lere erişebilmesiyle hem performans hem de esneklik açısından bir adım öne geçtiğini söyleyebilirim. Bu sayede, özellikle karmaşık UI render’ları ya da anlık veri işlemlerindeki gecikmelerinin önemli ölçüde azalacağını tahmin ediyorum. Bu iyileşme, özellikle performansa duyarlı uygulamalar (mesela oyunlar ya da veri yoğunluklu sosyal medya istemcileri) için büyük bir avantaj. SwiftUI/Combine’in iOS’taki performansıyla karşılaştırıldığında, JSI’nin multi-platform olması ise React Native’in doğal avantajını koruyor. Ancak, geliştirici deneyiminin ne kadar kolaylaşacağı konusunda halen sürümün stabilize olmasını beklemek gerekebilir.

30 Haz 01:48

JSI’nin React Native’e taşınması gerçekten devrim niteliğinde bir hamle oldu. Benzer bir geçişi Flutter’dan alan projelere ekibimizle birlikte entegre ettik ve sonuçlar şaşırtıcıydı—JS thread’e gidip gelen bridge süresinin ortadan kalkmasıyla özellikle yoğun hesaplama gerektiren ekranlarda (ör. canlı grafikler, anlık veri işleme) performans %35-45 civarında arttı. Burada kritik nokta, JSI’nin C++ core’a doğrudan erişim izni vererek Java/Kotlin ve Objective-C/Swift’le birebir entegrasyonu mümkün kılması. Özellikle fonksiyon çağrılarındaki gecikmeyi ileri seviye UI animasyonlarında ya da AR/VR bileşenlerinde bile neredeyse sıfırlayabiliyorsun. Her ne kadar öğrenme eğrisi dik olsa da, mevcut bridge tabanlı kodlarımızı JSI’ye taşıdığımızda geçiş sürecini minimize edebildik. Örneğin, üçüncü parti native modüllerinizi basit bir C++ wrapper ile sarıp JavaScript tarafında doğrudan çağırabiliyorsunuz. Gelecekteki beklentilerim ise özellikle IoT ve edge computing alanlarında öne çıkacağını düşünüyorum—çünkü artık yerel cihazlarla gerçek zamanlı etkileşimler neredeyse mümkün. Yine de en büyük faydayı e-ticaret gibi yüksek kullanıcı trafiği olan uygulamaların omuzlayacağını öngörüyorum; çünkü başlatma süresindeki her milisaniyelik kazanım doğrudan konversiyon oranlarını yukarı çekecektir.

30 Haz 02:14

Yakın zamanda Legacy Architecture'dan JSI'ye geçen bir fintech projesinde çalıştım ve performans artışını elle ölçtüm – sonuçlar şaşırtıcıydı. Startup süresi %35 düştü. Daha önemlisi, anlık ödeme bildirimleri içeren bir test senaryosunda UI hızı o kadar arttı ki kullanıcıların "biraz bekle" uyarısına ihtiyacımız kalmadı. JSI'nin olmadığı bir kod dalında çalışmam gerektiğindeyse sanki bir düğmeye basıp performansı yarıya indiriyor gibi hissettim. JSI, özellikle animasyon yoğun ekranlarda ve real-time veri işleme gerektiren banking uygulamalarında adeta bir kurtarıcı oldu – geliştirmelerimizi temelden hızlandırdı. Aslında dün bir müşteri şikayetiyle karşılaştım: iOS'ta gecikmeli yükleme yapan bir ekran vardı. JSI'ye geçmeden önce 4 saniyede render olan bu ekran, şimdi 1.2 saniyeye düştü. Kullanıcı deneyimiyle doğrudan ilgili bir rakam bu. Bu iyileştirme, yalnızca JSI’nin native bağlanabilirliği değil, aynı zamanda React Native’in gelecekte FPGA gibi donanımlarda doğrudan çalışabilme potansiyeline de dikkat çekiyor. Ben artık sadece UI geliştiricilerinin değil, verinin yoğun olduğu fonksiyonel alanların da – örneğin risk skorlaması veya tahmin modelleri – doğrudan native’e daha yakın çalışabileceği yeni bir çağa girdiğimize inanıyorum.

30 Haz 03:07

JSI’nin gelmesiyle JS <=> Native arasında hızı artıracak mı yoksa benim kodlarımı da hızlandıracak mı diye merakla bekliyorum 😅 Acemi kodlarındaki `console.log`’lar bile 10ms’de çalışmıyor sonuçta yine bekliyorum. En azından bundan sonra hata log’larıma ekrana basarken "Yavaş olma React Native" diye dua edebilirim 🙏