React Ecosystem için bir tur rehberi
ReactJS, UI bileşenleri oluşturmak için çok popüler bir ön uç kitaplığıdır. Bununla birlikte, React aslında söylediği şeydir, UI bileşenleri oluşturmak için bir kitaplık .
React’in varsayılan olarak desteklemediği (Angular’ın aksine) birçok ön uç özelliği vardır, bu nedenle belirli bir görevde hangi teknolojinin kullanılacağına karar vermemiz gerekir.
Sonuç olarak, tonlarca tarayıcı sekmesi açık olana kadar , React’te birden fazla sayfa ve rotaya nasıl sahip olacağımız gibi bağımlılıkları ve Google’ı özenle seçmeliyiz .
Bu blogda, araştırmanızı kesmek ve doğrudan konuya veya teknolojiye gitmek için React (kendim de kullanıyorum) ile birlikte kullanılan bazı yaygın teknolojilerden bahsedeceğim.
React öğreniyorsanız, bu blog size ReactJS vahşi doğasında rehberlik edecek bir yol haritası işlevi görebilir .
Tepki Ekosistemi
Pekala, ortak ön uç görevleri ve bu amaçlar için kullanılan (popüler) teknolojileri ele alacağız.
Devlet Yönetimi: Redux
Durumu yönetmek, React’teki en önemli yönlerden biridir. Ve bunun için Redux hakkında konuşacağım.
Ancak, React’in durumu işlemek için yerleşik desteği yok mu?
Evet öyle ve kancalarla useState, useContext ve useReducer’ımız var. Öyleyse neden Redux öğrenmeliyiz?
Bunun birçok nedeni ve motivasyonu var.
Belki bir React geliştiricisi olmayı seçiyorsunuzdur. Bu durumda, kancaların birkaç yıl önce serbest bırakıldığını, React ve Redux’un ise kancalardan daha uzun bir süre önce vahşi doğada olduğunu unutmayın. Bu, birlikte çalışabileceğiniz eski kodlar olduğu anlamına gelir ve bunların Redux kullanmaları büyük olasılıktır.
Aynı şekilde, React’in yerleşik durum yönetimi çözümleri yalnızca daha küçük uygulamalar için idealdir. Proje büyükse Redux gerçekten parlıyor. Redux’un kolay hata ayıklama gibi masaya getirdiği pek çok fayda var, ancak bu çok daha uzun süreceği için bunlardan çok bahsetmeyeceğim.
Yani Redux’ta durumu yönetirken aklımızda tutmamız gereken aşağıdakilere sahibiz:
- Hareketler
- redüktörler
- Mağaza
Redux harika ve güçlüdür, ancak aynı zamanda çok fazla kazan plakası ile birlikte gelir. Redux ile durum yönetiminin dinamikleri karmaşıktır ve daha küçük uygulamalar için aşırıya kaçacaktır, ancak özünde, ön uç bileşenlerin mevcut Uygulama durumunu almak için mağazaya abone olması yeterlidir. Bileşenlere ayrıca durumu kendileri değiştiremedikleri için göndericiler verilir.
İpucu: React ile Redux
denilen başka bir bağımlılık kullanılır react-redux, bu da tepki vermeyi
redux ile çalışmayı ve mağazaya abone olmayı kolaylaştırır.
Redux Documentation’ da daha fazlasını bulabilirsiniz.
