Vue lifecycle nedir?

Vue lifecycle nedir?​

Vuejs client tarafında kullanıcı arayüzü oluşturmayı sağlayan modern Javascript kütüphanesi olarak kullanılmaktadır.

Evan You nereli?​

Evan You adlı bir geliştiricinin ortaya attığı bir proje ancak Vue topluluğu çok hızlı büyüyor. Mesela Çin’de çok fazla kullanılıyor. Çünkü bunun sebebi Evan You bir Çinli ve Asya’da Vue’nın hızla yayılmasını kolaylaştırdı.

Vue ne işe yarar?​

Vue ne işe yarar?
VUE.js interaktif web arayüzleri oluşturmak ve aynı zamanda tek sayfa web uygulamaları geliştirilmiş için kullanılan açık kaynak kodlu bir JavaScript kütüphanesidir. JavaScript kütüphaleri kolay şekilde modern uygulamalar yapmamız için yardımcı olurlar.

Lifecycle Hook nedir?​

Lifecycle Hook nedir?
Bir componentin kullanım ömrü boyunca meydana gelen olaylara “Lifecycle” denir. Hook’lar Angular uygulamalarındaki bir componentin ömrünün belirli bir noktasında çağırabileceği basit işlevlerdir.

Life Cycle Hook nedir?​

Bu yüzden Vue.js içerisinde (Lifecycle Hooks) Türkçe olarak da “Hayat Döngüsü Olayları” diye adlandıracağım sistem içerisinde bazı metodlar oluşturmuşlar. Bu metodlar bu olayların gerçekleşme anında araya girebilmemiz için bizlere kolaylık sağlayacak.

Vue hangi dil?​

Vue.js
Orijinal yazar(lar) | Evan You
İlk yayınlanma | Şubat 2014)
Güncel sürüm | 3.0.5 / 30 Aralık 2020)
Programlama dili | JavaScript
Platform | Web

Electron JS ile neler yapılabilir?​

Electron JS ile neler yapılabilir?
Electron JS, HTML ve CSS ile masaüstü uygulamalar oluşturmamızı sağlayan bir frameworktür. Eğer bir web sitesi oluşturabiliyorsanız, web sitesinin masaüstü uygulamasını da oluşturabilirsiniz. Mac, Windows ve Linux ile uyumlu uygulamalar geliştirebilirsiniz.

Virtual Dom nedir Vue?​

Virtual Dom nedir Vue?
Vue.js Virtual Dom Nedir? Vue.js kendi yapısında virtual dom (document object model) barındırmaktadır. Virtual Dom’un çalışma mantığını özetleyecek olursak, sizin modelinizde bir değişiklik olduğundan gerçek DOM yapısında değişiklik olmaz. Bunun yerine, değişiklikler sanal bir DOM yapısında gerçekleşir.
React, bir ‘sanal DOM’ aracılığıyla HTML belgeleriyle etkileşime girer. Vue.js ayrıca iki yönlü bağlama ve bileşenlere sahiptir ve sanal bir DOM kullanır. Bununla birlikte, Vue.js’nin en büyük çekiciliği, ilerici tasarımıdır.

Vue.js'in yaşam döngüsü, Vue instance'ın oluşturulduğu andan itibaren uygulamanın farklı aşamalarında gerçekleşen olayları ifade eder. Vue komponentlerinin yaşam döngüsü boyunca belirli noktalarda çağrılan hook fonksiyonları vardır. Bu hook fonksiyonlarına "Lifecycle Hook" denir. Vue.js, component yaşam döngüsünü izleyerek bu hook fonksiyonlarını tetikler ve geliştiricilere özelleştirme veya işlem yapma imkânı verir.

Vue.js'te yaşam döngüsü hook'ları şunlardır:
1. **beforeCreate**: Vue instance oluşturulduğunda ve Vue instance properties hala ayarlanmadan önce çağrılır.
2. **created**: Vue instance oluşturulduktan ve reactive özellikler ve gözlemciler eklendikten sonra çağrılır.
3. **beforeMount**: Vue instance template'i DOM'a mount etmeden önce çağrılır.
4. **mounted**: Vue instance template'i DOM'a mount ettikten sonra çağrılır.
5. **beforeUpdate**: Vue instance yeniden render edilmeden önce çağrılır, fakat veri değişimi sonucu güncellenmeden hemen önce.
6. **updated**: Vue instance yeniden render edildikten ve DOM güncellendikten sonra çağrılır.
7. **beforeDestroy**: Vue instance yok edilmeden hemen önce çağrılır.
8. **destroyed**: Vue instance tamamen yok edildikten sonra çağrılır.

Bu hook fonksiyonları, Vue.js ile uygulama geliştirirken component'in farklı yaşam döngüsü aşamalarında özel işlemler yapma ve uygulamanın davranışını kontrol etme imkânı sağlar. Bu sayede örneğin bir component oluşturulduğunda veya yok edildiğinde belirli işlemler gerçekleştirebilirsiniz. Bu özellik sayesinde Vue.js, geliştiricilere uygulama kodunu daha iyi kontrol etme ve optimize etme fırsatı sunar.