React Native 0.62 ile Gelen Yenilikler

Bu incelemede mart ayında yayınlanan React Native 0.62.X release'i ile yayınlanan yenilikleri bulabilirsiniz. İnceleme Rick Hanlon'ın postundan türkçeye çevrilmiştir.


Flipper by default


Flipper, mobil uygulamalarda hata ayıklamak için geliştirilmiş bir araçtır. Android ve iOS topluluklarında popüler olan flipper, bu sürümde yeni ve mevcut React Native uygulamaları için default desteğiyle sunulmuştur.


Görsel Referansı


Flipper aşağıdaki özellikleri sunmaktadır:

  • Metro Actions: Uygulamayı yeniden yükleme özelliği ve doğrudan araç çubuğu ile (Dev Tool ile) geliştirici menüsünü tetikleme

  • Crash Reporter: Android ve iOS cihazlardan kilitlenme raporlarını görüntüleme

  • React DevTools: Diğer araçlarla birlikte React DevTools'un yeni sürümünü kullanma

  • Network Inspector: Cihaz uygulamaları tarafından yapılan tüm ağ isteklerini görüntüleme

  • Metro and Device Logs: Metro ve cihazdaki tüm logları görüntüleme, arama ve filtreleme

  • Native Layout Inspector: React Native render tarafından, native layout çıktısını görüntüleme ve düzenleme

  • Database and Preference Inspectors: Aygıt veritabanlarını ve tercihlerini görüntüleme ve düzenleme

Flipper ayrıca genişletilebilir bir platform olduğu için, NPM'den eklentileri çeken bir marketplace de sağlar, böylece iş akışlarına özgü özel eklentileri yayınlayabilir ve yükleyebilirsiniz. Kullanılabilir eklentilere buradan erişebilirsiniz.


Detaylı bilgi için dökümantasyon: https://fbflipper.com/docs/features/react-native



Yeni Dark Mode Özellikleri


Kullanıcının tercih edebileceği renk düzeni seçeneklerine (açık veya koyu gibi) erişim sağlanması için yeni bir görünüm modülü (Appearance) eklenmiştir.


Ayrıca, kullanıcıların tercihlerindeki durum güncellemelerine subscribe olunabilmesi için bir hook eklenmiştir:


Detaylı bilgi için appearance ve useColorScheme dokümanlarını inceleyebilirsiniz.



Apple TV'nin React-native-tvos'a Uyumluluğu


Lean Core çalışmasının bir sonucu olarak Apple TV'nin React Native Windows ve React Native macOS gibi platformlarla uyumlu hale getirilebilmesi için Apple TV'ye özgü kodlar çekirdekten kaldırılmaya başlandı.


Bundan sonra, React Native için Apple TV desteği, ilgili react-native-tvos NPM paketiyle react-native-community/react-native-tvos içinde maintain edilecek. Özetle Apple TV'yi destekleyen gerekli değişiklikler ana repo'dan fork edilmiş durumda.


Böylece react-native-tvos release'leri, public react native release'leriyle ilişkilendirilmiştir.

react-native-tvos 0.62'yi kullanabilmek için Apple TV uygulamalarının react native 0.62'ye yükseltilmesi gerekmektedir.



Daha Fazla Upgrade Desteği


0.61 versiyonu ile geliştiricilerin React Native'ın yeni sürümlerine geçişlerini desteklemek için yeni upgrade helper tool tanıtılmıştı. Bu tool bulunduğunuz versiyondan hedeflediğiniz versiyona geçişteki değişiklikleri görmenizi sağlıyor.


Bu araçla bile, yükseltme sırasında sorunlar ortaya çıkardu. 0.62 versiyonunda bu tool ile daha özel yükselme desteği sunucak Upgrade-Support duyuruldu. Upgrade Support, projeye özgün yükseltme sorunlarının gönderilebileceği bir GitHub sorun izleyicisidir.



Diğer Geliştirimler


LogBox: Yeni LogBox hata ve uyarı deneyimi opsiyonel olarak kullanıma sunuldu. Etkinleştirmek için index.js dosyasına require('react-native').unstable_enableLogBox() eklenmelidir.


React DevTools v4: Bu değişiklik önemli performans kazanımları ve iyileştirilmiş gezinme deneyimi sunmaktadır. Ayrıca React Hooks için tam destek sunan React DevTools'un son sürümüne yükseltme içermektedir.


Accessibility improvements: Erişilebilirliğe accessibilityValue eklendi. Bu sayede

touchables'daki eksik sahnelerde, onSlidingComplete erişilebilirlik event'lerinde ve switch component'inin varsayılan rolününün button'dan switch'e geçişinde iyileştirmeler yapıldı.



Diğer Değişiklikler


PropTypes'ın Kaldırılması: React Native Core'un uygulama boyutuna etkisini azaltmak için ve runtime yerine buildtime'da kontrol sağlayan statik tip sistemlerini tercih etmek için propTypes çekirdek bileşenlerden kaldırıldı.


AccessibilityStates'in Kaldırılması: Bileşenlerin erişilebilirlik durumları hakkında semantik açıdan daha düzgün bir yol ile bilgi sağlayan accessibilityState prop sayesinden, deprecate olan accessibilityState property'si kaldırıldı.


TextInput Değişiklikleri: TextInput'daki onTextInput, W3W uyumsuzluğu ve Fabric uyum zorluğu nedeniyle kaldırıldı. Ayrıca undocumented inputView prop ve selectionState de kaldırılmış durumda.


Yazı kaynağı için: https://reactnative.dev/blog/2020/03/26/version-0.62

React Native 0.62 tüm değişiklikler için: http://www.reactnative.com/react-native-v0-62-x-released/


#reactnative #flipper #reactnativedarkmode #darkmode #Reactnativetvos



0 yorum

Komünite

Platform

Mobiler.dev Anasayfa
  • Twitter
  • Instagram
  • development_düzenlendi_düzenlendi
  • Youtube
  • slack-icon-black_edited_edited_edited
  • Gri LinkedIn Simge
imageedit_2_9667998092.png
JetBrains Hakkında Detaylı Bilgi Alın

© 2020 by mobiler.dev

Kurumsal Yazar Hesapları

adesso.png
mobilerdevLogo.jpg
Yazarlık Başvurusu Hakkında Bilgi Alın, Başvuru Yapın.
Topluluk Yazarlarını Tanıyın