Redux Uygulamasının Çalışması

Şimdi, terminoloji ile donanmış olarak, ileride oluşturacağınız bir Redux uygulamasının çalışmasının temel aşamalarını kısaca gözden geçirebiliriz.

Uygulamanın çalışması, daha önce de belirttiğimiz gibi verilerin tek yönlülüğü fikrine göre gerçekleşir.

Başlatma aşamasında (uygulama ilk çalıştırıldığında), kök redüktör kullanılarak bir store oluşturulur. Store, bu redüktörü yalnızca bir kez çağırır ve döndürdüğü değeri başlangıç durumu olarak kaydeder. İlk işleme sırasında, uygulama bileşenleri store'da kayıtlı mevcut state'i kullanır. Ayrıca, state değişikliğini hemen öğrenmek için store güncellemelerine abone olurlar.

Uygulamanın devam eden çalışması sırasında aşağıdakiler gerçekleşir. Kullanıcının bir düğmeye fareyle tıkladığını varsayalım. Bu durumda, kod yardımıyla bir action oluşturulur ve store'a gönderilir. Store, içinde saklanan state ve alınan action ile redüktörü tekrar çalıştırır. Sonuç olarak, değiştirilmiş state değeri yenisi olarak kaydedilir. Ayrıca store, değişikliklere abone olan bileşenlere değişikliklerin gerçekleştiğini bildirir. Bileşenler de sırayla, ihtiyaç duydukları state bölümlerinin değişip değişmediğine bakarlar. Son olarak, eğer değişiklikler varsa, bileşen yeni verileri görüntülemek için işleme (render) işlemini tetikler.