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...

Bootstrap - 12 yerine 24'lü Izgara Yapısı

Bootstrap - 12 yerine 24'lü Izgara Yapısı

  Nisan 19, 2021    Gökhan Krl

---

Son yaptığım projemi Figma'da tasarımladıktan sonra HTML üzerine dökerken çok enteresan bir durumla karşılaştım. Yatay eksende 3 bölüme ayırdığım bir Section içerisinde sol ve sağ bloklar içerisinde tasarımlamış olduğum kartlarım ile orta bölüme de dikey olarak attığım...

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...

.map dosyaları nedir, ne işe yarar ?

.map dosyaları nedir, ne işe yarar ?

  Nisan 12, 2021    Gökhan Krl

---

Web sayfanıza bir Javascript kütüphanesi eklediğinizde aşağıdaki gibi bir uyarıyı gözlemleyebilirsiniz. Çünkü sizden .min.x.js eklemesi yaptığınızda sonu .map uzantılı bir dosya isteyecektir. Web üzerinde .map dosyaları Javascript, CSS ve Typescript dosyaları için kullanılmaktadır....

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...

Polyfill nedir, ne için kullanılır ?

Polyfill nedir, ne için kullanılır ?

  Nisan 08, 2021    Gökhan Krl

---

Web platformu üzerindeki ilerleyen zamanlarınızda karşınıza Polyfill adında bir kavram çıktı. Nedir bu Polyfill ve ne demektir ?PolyFill KavramıPolyfill, kısaca tanımlamak gerekirse yazmış olduğunuz kodlarınızın eski tarayıcılarda da çalışmasını sağlamak için ayrıca üretmiş...

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...