React Native 0.61 Güncellemesi, geliştirme deneyimini geliştiren önemli bir yeni özellik getiriyor.
React Native 0.61'in Özellikleri
React Native 0.61'de mevcut "canlı yeniden yükleme" (kaydetme sırasında yeniden yükleme) ve "çalışırken yeniden yükleme" vurgularını "Hızlı Yenileme" adı verilen tek bir yeni özellikte birleştiriyoruz. Hızlı Yenileme aşağıdaki ilkelerden oluşur:
- Hızlı Yenileme fonksiyon bileşenleri ve Kancalar da dahil olmak üzere mevcut React'i tamamen destekler.
- Hızlı Yenileme, yazım hatalarından ve farklı yanlış adımlardan sonra düzelir ve gerektiğinde tam yeniden yüklemeye geri döner.
- Hızlı Yenileme, müdahaleci kod değişiklikleri gerçekleştirmediğinden varsayılan olarak açık olacak kadar güvenilirdir.
Hızlı Yenileme
Yerli Reaksiyona Katıl Uzun bir süredir canlı yeniden yükleme ve sıcak yeniden yükleme yapılıyor. Canlı yeniden yükleme, bir kod değişikliği algıladığında uygulamanın tamamını yeniden yükler. Bu, uygulama içindeki mevcut konumunuzu kaybeder, ancak kodun bozuk durumda olmadığını garanti eder. Sıcak yeniden yükleme, yaptığınız ilerlemeleri "düzeltmeye" çalışacaktır. Bu, uygulamanın tamamını yeniden yüklemeden yapılabilir, böylece ilerlemelerinizi daha hızlı görebilirsiniz.
Sıcak yeniden yükleme kulağa harika geliyordu, ancak oldukça sorunluydu ve kancalı işlevsel bileşenler gibi mevcut React özellikleriyle çalışmıyordu.
React Native grubu bu özelliklerin her ikisini de yeniden oluşturdu ve bunları yeni Hızlı Yeniden Yükleme özelliğinde birleştirdi. Varsayılan olarak etkindir ve mümkün olduğunda sıcak yeniden yüklemeyle karşılaştırılabilecek şeyi yapar, kesinlikle değilse tam yeniden yüklemeye geri döner.
React Native 0.61'e Yükseltme
Aynı şekilde tüm React Native yükseltmelerinde de yeni yapılan projelerin farklarına göz atmanız ve bu değişiklikleri kendi projenize uygulamanız önerilir.
Bağımlılık Sürümlerini Güncelleyin
İlk adım package.json dosyanızdaki koşulları yükseltmek ve bunları tanıtmaktır. Her React Native sürümünün belirli bir React sürümüne eklendiğini unutmayın; bu nedenle onu da güncellediğinizden emin olun. Aynı şekilde, reaksiyon testi oluşturucusunun React sürümüyle eşleştiğinden emin olmalısınız. Eğer kullanırsanız ve metro-react-native-babel-preset ve Babel sürümlerini yükseltirseniz.
Akış Yükseltme
Basit bir başlangıç. React Native'in kullandığı Flow sürümü 0.61'de yenilendi. Bu, sahip olduğunuz akış kapsayıcısı bağımlılığının ^0.105.0 olarak ayarlandığından ve .flowconfig dosyanızın [versiyonunda] benzer bir değere sahip olduğunuzdan emin olmanız gerektiği anlamına gelir.
Projenizde tür denetimi için Flow'u kullanıyorsanız bu, kendi kodunuzda fazladan hatalar yapılmasına neden olabilir. En iyi öneri, bunlara neyin sebep olabileceğini anlamak için 0.98 ile 0.105 aralığındaki sürümlerin değişiklik günlüğünü araştırmanızdır.
Kodunuzun türünü denetlemek için TypeScript kullanıyorsanız, .flowconfig dosyasını ve akış kutusu bağımlılığını gerçekten ortadan kaldırabilir ve farkın bu kısmını göz ardı edebilirsiniz.
Bir tür denetleyici kullanmıyorsanız, bir tane kullanmayı düşünmeniz önerilir. Her iki seçenek de işe yarayacaktır ancak TypeScript kullanılması önerilir.