Merhaba arkadaşlar!
Frontend dünyasında React ve Angular gibi güçlü rakipleri olsa da, Vue.js son yıllarda sade yapısı, kolay öğrenilebilirliği ve güçlü özellikleriyle birçok geliştiricinin gönlünü kazandı.
Bu başlıkta Vue.js’i hiç bilmeyenler için tanıtmak, kullananlarla deneyim paylaşmak ve yeni başlayanlara bir kapı aralamak istiyorum.
Vue.js Nedir?
Vue.js, modern kullanıcı arayüzleri (UI) ve tek sayfa uygulamaları (SPA) geliştirmek için kullanılan progressive bir JavaScript framework’üdür.
Progressive demek ne?Vue’yi ister bir buton kontrolünde, ister devasa bir SPA yapısında kullanabilirsin. Yani adım adım büyütülebilir!
Neden Vue.js?
Kolay öğrenilir – HTML, CSS ve JS bilen herkes rahatlıkla giriş yapabilir. Sade söz dizimi – Template tabanlı yapı, okuması ve yazması çok kolay. Reaktif veri yapısı – Değişiklikler otomatik olarak arayüze yansır. Komponent sistemi – Kod tekrarını azaltır, projen büyüdükçe bile kontrol sende olur. Vue DevTools – Geliştirici deneyimini iyileştiren güçlü bir tarayıcı eklentisi. Vue CLI & Vite – Proje başlatmak, test, build, live reload gibi işler çok kolay.
Örnek Kod
Popüler Kütüphaneleri
- Vue Router – Sayfa yönlendirme sistemi
- Pinia / Vuex – Global durum yönetimi
- VeeValidate / Yup – Form doğrulama
- Vuetify, Quasar, Element Plus – UI bileşen kütüphaneleri
- Vite – Vue 3 ile birlikte gelen yeni nesil build aracı
Vue 2 mi Vue 3 mü?
- Yeni projelerde Vue 3 öneriliyor.
- Composition API sayesinde daha esnek ve güçlü bir yapı sunuyor.
- Vue 2 kullanan çok proje var ama Vue 3 artık ana akım.
Projeye Nasıl Başlanır?
Kaynaklar
Resmi site
Vue Mastery (video dersler)
