Vuex Store - Mutations'da Sabitler ve Senkronize

Vuex Store - Mutations'da Sabitler ve Senkronize

  Nisan 25, 2021    Gökhan Krl

---

Mutasyonlar İçin Sabitleri Kullanmak Çeşitli Flux uygulamalarında mutasyon türleri için sabitlerin kullanılması yaygın olarak görülen bir durumdur. Bu, kodun linter gibi araçlardan yararlanmasını sağlar ve tüm sabitleri tek bir dosyaya koymak, beraber çalıştığınız geliştiricilerin tüm uygulamada hangi mutasyonların mümkün olduğunu bir bakışta görmelerini sağlar: // mutasyon-listesi.js export...

Yazıyı Oku...

Vuex Store - Mutations ve Vue.js Reaktivitesi

Vuex Store - Mutations ve Vue.js Reaktivitesi

  Nisan 19, 2021    Gökhan Krl

---

Mutasyonların Vue'nun Reaktivite Kurallarına Uyması Bir Vuex mağazasının state'i Vue tarafından reaktif hale getirildiğinden, state üzerinde değişiklik yaptığınızda durumu gözlemleyen Vue bileşenleri otomatik olarak güncellenecektir. Bu aynı zamanda Vuex mutasyonlarının düz Vue ile çalışırken aynı reaktivite uyarılarına tabi olduğu anlamına gelir. Yani CLI üzerinden değil de, web...

Yazıyı Oku...

Vuex Store - Mutations Kavramı ve Anlatımı

Vuex Store - Mutations Kavramı ve Anlatımı

  Nisan 19, 2021    Gökhan Krl

---

Bir Vuex mağazasında State üzerindeki veriyi değiştirmenin tek yolu bir mutasyon gerçekleştirmektir. Mutasyon içerisinde bir fonksiyon oluşturduğumuzda State'i ilk argüman olarak alır: const store = new Vuex.Store({ state: { miktar: 1 }, mutations: { artir (state) { // State üzerindeki "miktar"ı güncelle state.miktar++ } } }) Bir mutasyonu doğrudan...

Yazıyı Oku...

Vuex Store - Getters Kavramı ve Anlatımı

Vuex Store - Getters Kavramı ve Anlatımı

  Nisan 14, 2021    Gökhan Krl

---

Bazen, örneğin bir öğe listesini filtrelemek ve onları saymak gibi, duruma göre çıktısını istediğiniz bir veriyi ayrıca hesaplamamız gerekebilir. computed: { gorevListesi() { return this.$store.state.gorevler.filter( (gorev) => gorev.bitisDurumu === true ).length; }, } Birden fazla alanla bunu kullanmak istiyorsak, ya bu işlevi çoğaltmamız lazım ya da ayrı bir dosyaya...

Yazıyı Oku...

Vuex Store - State Kavramı ve Anlatımı

Vuex Store - State Kavramı ve Anlatımı

  Nisan 10, 2021    Gökhan Krl

---

Daha önce Vuex Store'a bir giriş yapmış ve bir Vuex Store örneğini incelemiştik. Oradaki dört bölümden kısaca bahsetmiştik. Bunlar State, Getters, Mutations ve Actions'tı. State Management Pattern Vuex bir State Management Pattern yani bunu çevirmeyeceğim ama şöyle söyleyeyim Veri yönetimi kütüphanesidir. Bir devlet düşünün çatısı altında her şey yönetilir, işte State burada devlet...

Yazıyı Oku...

Vuex Store - Giriş ve Konu Anlatımı

Vuex Store - Giriş ve Konu Anlatımı

  Nisan 07, 2021    Gökhan Krl

---

Vue.js ile beraber Vuex'e girmeye karar verdiyseniz yada ne olduğunu merak ediyorsanız, buradan itibaren temiz bir giriş yapacağız. Temelden derinlere doğru inerek Vuex içerisindeki tüm konulara ve alanlara değinmek istiyorum. Hazırsanız başlayalım. Vuex...

Yazıyı Oku...