Redux, uygulama durumunu yönetmek için kullanılan açık kaynaklı bir JavaScript kitaplığıdır. React, kullanıcı arayüzünü oluşturmak için Redux'u kullanır. İlk kez tarafından tanıtıldı Dan Abramov Ve Andrew Clark içinde 2015 .

React Redux, Redux için resmi React bağlamasıdır. React bileşenlerinin Redux Store'dan veri okumasına ve göndermesine olanak tanır Hareketler -e Mağaza Verileri güncellemek için. Redux, tek yönlü bir veri akışı modeli aracılığıyla durumu yönetmek için mantıklı bir yol sağlayarak uygulamaların ölçeklenmesine yardımcı olur. React Redux kavramsal olarak basittir. Redux mağazasına abone olur, bileşeninizin istediği verilerin değişip değişmediğini kontrol eder ve bileşeninizi yeniden oluşturur.

tilki ve kurt arasındaki fark

Redux, Flux'tan ilham aldı. Redux, Flux mimarisini inceledi ve gereksiz karmaşıklığı ortadan kaldırdı.

• Redux'un Dispatcher konsepti yoktur.
• Redux'un tek bir Mağazası varken Flux'un birçok Mağazası vardır.
• Eylem nesneleri doğrudan Mağaza tarafından alınacak ve işlenecektir.

Neden React Redux'u kullanmalısınız?

React Redux'u kullanmanın ana nedeni:

• React Redux resmidir Kullanıcı arayüzü bağlamaları tepki Uygulaması için. React bileşenlerinizin beklendiği gibi davranmasını sağlamak için API değişiklikleriyle güncel tutulur.
• İyi 'React' mimarisini teşvik eder.
• Pek çok performans optimizasyonunu dahili olarak uygular ve bu da bileşenlerin yalnızca gerçekten ihtiyaç duyulduğunda yeniden oluşturulmasına olanak tanır.

Redux Mimarisi

Redux mimarisinin bileşenleri aşağıda açıklanmıştır.

MAĞAZA: Mağaza, uygulamanızın tüm durumunun listelendiği yerdir. Uygulamanın durumunu yönetir ve bir gönderme (eylem) işlevine sahiptir. Redux'taki tüm hareketli parçalardan sorumlu bir beyin gibidir.

AKSİYON: Eylem, Redüktörler tarafından okunabilen yükler olan görünümden gönderilir veya gönderilir. Kullanıcının olayının bilgilerini depolamak için oluşturulmuş saf bir nesnedir. Eylemin türü, meydana gelme zamanı, meydana geldiği yer, koordinatları, hangi durumu değiştirmeyi hedeflediği gibi bilgileri içerir.

css'in ortasındaki düğme

REDÜKTÖR: Redüktör, eylemlerden gelen yükleri okur ve ardından mağazayı buna göre durum aracılığıyla günceller. Başlangıç ​​durumundan yeni bir duruma dönmek saf bir fonksiyondur.

Redux Kurulumu

Gereksinimler: React Redux, React 16.8.3 veya üzeri bir sürümü gerektirir.

React Redux'u React uygulaması ile kullanabilmek için aşağıdaki komutu kurmanız gerekmektedir.

 $ npm install redux react-redux --save