logo

React Flux Konsepti

Flux, Facebook'un React ile istemci tarafı web uygulamasını oluşturmak için dahili olarak kullandığı bir uygulama mimarisidir. Bu bir kütüphane ya da çerçeve değildir. Ne bir kütüphane ne de bir çerçevedir. Görünüm olarak React'ı tamamlayan ve Tek Yönlü Veri Akışı modeli konseptini takip eden bir mimari türüdür. Projenin dinamik verileri olduğunda ve verileri etkili bir şekilde güncel tutmamız gerektiğinde faydalıdır. Çalışma zamanı hatalarını azaltır.

nesne java'sı nedir

Flux uygulamalarının verilerle ilgilenmede üç ana rolü vardır:

  1. Sevk görevlisi
  2. Mağazalar
  3. Görünümler (React bileşenleri)

Burada Model-View-Controller (MVC) modeliyle karıştırılmamalısınız. Her ikisinde de Denetleyiciler mevcut olmasına rağmen, Flux denetleyici görünümleri (görünümler) hiyerarşinin en üstünde bulunur. Mağazalardan veri alıyor ve bu verileri çocuklarına aktarıyor. Ek olarak, eylem yaratıcıları - uygulamada mümkün olan tüm değişiklikleri açıklamak için dağıtıcı yardımcı yöntemleri kullanılır. Flux güncelleme döngüsünün dördüncü kısmı olarak faydalı olabilir.

Yapı ve Veri Akışı

React Flux Konsepti

Flux uygulamasında veri tek yönde (tek yönlü) akar. Bu veri akışı akış modelinin merkezinde yer alır. Dağıtıcı, depolar ve görünümler, giriş ve çıkışları olan bağımsız düğümlerdir. Eylemler, yeni veriler ve tür özelliği içeren basit nesnelerdir. Şimdi flux mimarisinin çeşitli bileşenlerine tek tek bakalım.

Sevk görevlisi

React Flux uygulaması için merkezi bir merkezdir ve Flux uygulamanızın tüm veri akışını yönetir. Mağazalara yapılan geri aramaların kaydıdır. Kendine ait gerçek bir zekası yoktur ve sadece eylemleri mağazalara dağıtmak için bir mekanizma görevi görür. Tüm mağazalar kendisini kaydeder ve geri arama sağlar. Mağazayı değiştiren tüm olayların ele alındığı bir yerdir. Bir eylem oluşturucu, dağıtıcıya yeni bir eylem sağladığında, tüm mağazalar bu eylemi kayıt defterindeki geri aramalar aracılığıyla alır.

Dağıtıcının API'sinin beş yöntemi vardır. Bunlar:

gimp'te seçimi nasıl kaldırırsınız?
SN Yöntemler Açıklamalar
1. kayıt olmak() Bir mağazanın eylem işleyici geri çağrısını kaydetmek için kullanılır.
2. kaydı sil() Bir mağazanın geri arama kaydını silmek için kullanılır.
3. bekle() Belirtilen geri aramanın ilk önce çalışmasını beklemek için kullanılır.
4. sevk etmek() Bir eylemi göndermek için kullanılır.
5. isDispatching() Göndericinin o anda bir eylem gönderip göndermediğini kontrol etmek için kullanılır.

Mağazalar

Öncelikle uygulama durumunu ve mantığını içerir. Geleneksel bir MVC'deki modele benzer. Uygulama içinde belirli bir durumu korumak, bir eyleme yanıt olarak kendilerini güncellemek ve denetleyici görünümünü uyarmak için change olayını yaymak için kullanılır.

Görüntüleme

Aynı zamanda denetleyici görünümleri olarak da adlandırılır. Eylemleri oluşturmak ve mağazadan yeni veriler almak için mantığı depolamak üzere zincirin en üstünde bulunur. Değişiklik olaylarını dinleyen ve mağazalardan verileri alan ve uygulamayı yeniden işleyen bir React bileşenidir.

java listesi boş

Hareketler

Gönderici yöntemi, mağazaya bir gönderiyi tetiklememize ve eylem adını verdiğimiz bir veri yükü eklememize olanak tanır. Verileri dağıtıcıya ileten bir eylem yaratıcısı veya yardımcı yöntemlerdir.

Flux'un Avantajı

  • Anlaşılması kolay, tek yönlü bir veri akış modelidir.
  • Açık kaynaktır ve MVC mimarisi gibi resmi bir çerçeveden çok bir tasarım modelidir.
  • Akı uygulamasının bakımı daha kolaydır.
  • Akı uygulama parçaları ayrılmıştır.