Redux tətbiqinin işi müzakirəsi

Əvvəlki dərslərdə biz Redux tətbiqinin işləməsi üçün lazım olan bütün komponentləri həyata keçirdik. Gəlin yekunlaşdıraq və tətbiqimizin məhsullarla işinin əsas mərhələləri qısaca nəzərdən keçirək.

İlk işə salınmada tətbiqimiz mağazadan useSelector vasitəsilə iki məhsuldan ibarət siyahını əldə edir və onları ekranda göstərir. Ekranda həmçinin bizim yeni məhsulun məlumatlarını daxil edə biləcəyimiz forma göstərilir. İstifadəçi saxla düyməsini basdıqda, düymənin işləyicisi productAdded aksiyasını göndərir, hansı ki, istifadəçinin formaya daxil etdiyi yeni məhsulun məlumatlarını özündə saxlayır. Bizim məhsullar slaysı üçün yazdığımız redukser funksiyası bu aksiyanı qəbul edir və məhsullar massivinə yeni məhsul olan obyekti əlavə edir. Mağaza komponentlərə deyir ki, saxlanan state məlumatları dəyişilib. Bizim ProductsList komponenti dəyişmiş massivi oxuyur, render etməni çağırır, nəticədə biz məhsullar siyahısında əlavə edilmiş məhsulu görürük.

İndi brauzerdə Redux DevTools-u açaq və tətbiqə başqa bir məhsul əlavə edək, sonra Log monitor vərəqinə baxaq, burada biz tətbiq işə düşəndə state-imizin necə olduğunu və sonra, saxla düyməsinin basılmasından sonra, aksiyanın necə göründüyünü görə bilərik. Biz onun payload xüsusiyyətini və qlobal steytdəki dəyişiklikləri görə bilərik.

Növbəti fəsildə biz Redux tətbiqimizdəki məlumatlarla daha əsaslı işləyəcəyik.