Vue.js Nedir?
Vue.js (İngilizcedeki “view” gibi okunur), kullanıcı arayüzleri kurmak için açık kaynak bir JavaScript framework'üdür. Evan You tarafından oluşturuldu ve ilk kez 2014'te yayımlandı; bugün Evan You ve çekirdek ekip tarafından, sponsorların desteğiyle geliştiriliyor. Vue kendini “progresif framework” olarak tanımlar: derleme adımı gerektirmeden mevcut bir sayfanın tek bir bölümünü zenginleştirebilir ya da eksiksiz bir uygulamayı çalıştırabilir.
Arayüzler bileşenlerden oluşur. Tek Dosya Bileşeni (Single-File Component) yapısında bir parçanın HTML şablonu, JavaScript mantığı ve CSS stilleri aynı dosyada durur; kod böylece kolay takip edilir. Vue'nun reaktivite sistemi, veri değiştiğinde ekranı kendiliğinden günceller. Bileşenler Options API ya da Composition API ile yazılabilir; resmi kütüphaneler sayfalar arası gezinmeyi (Vue Router) ve ortak durumu (Pinia) ekler.
Vue, MIT lisansıyla ücretsiz ve açık kaynaktır. 2020'de yayımlanan Vue 3 güncel ana sürümdür; Vue 2 ise 31 Aralık 2023'te ömrünün sonuna ulaştı ve artık güvenlik düzeltmeleri dahil hiçbir güncelleme almıyor. Yeni projeler genellikle yine Evan You'nun başlattığı derleme aracı Vite ile kurulur.
Vue.js'i Nerede Kullanıyoruz?
Vue'yu bir sayfanın ziyaretçiye tepki vermesi gereken yerlerde, projenin ihtiyacı kadar kullanıyoruz. En çok şu işlerde ona başvuruyoruz:
Etkileşimli Bölümler
Filtreler, sekmeler, galeriler ve karşılaştırma tabloları mevcut bir siteye, siteyi baştan kurmadan adım adım eklenebilir. Ziyaretçi anında yanıt alır; sayfanın geri kalanı olduğu gibi kalır.
Hesaplayıcılar ve Çok Adımlı Formlar
Teklif hesaplayıcıları, randevu adımları ve başvuru formları bilgileri ziyaretçi yazarken kontrol eder ve sonucu hemen gösterir; ziyaretçi neyin eksik kaldığını her an bilir.
Yönetim ve Raporlama Panelleri
Ekibinizin içerik, sipariş ya da randevu yönettiği panelleri, Laravel ya da Node.js altyapısıyla konuşan Vue arayüzleri olarak kuruyoruz. Sade ekranlar günlük işleri kolaylaştırır.
Astro Sitelerinde Etkileşim Adaları
Astro ile kurulan içerik sitelerinde sayfalar statik HTML'dir; yalnızca hesaplayıcı ya da harita filtresi gibi etkileşimli parçalar, gerektiğinde yüklenen Vue bileşenleridir.
Neden Vue.js?
Projeyle Birlikte Büyür
Tek bir etkileşimli bölümle başlayıp aynı bilgi ve araçlarla bunu eksiksiz bir uygulamaya dönüştürebiliriz; ilk yapılan iş hiçbir zaman çöpe gitmez.
Devralması Kolay Kod
Tek Dosya Bileşenleri her parçanın yapısını, mantığını ve stilini bir arada tutar. Sonradan katılan bir geliştirici, bizim ekibimizden ya da sizinkinden, yolunu hızla bulur.
Uyumlu Resmi Araçlar
Yönlendirme ve durum yönetimi, Vue ile birlikte geliştirilen resmi kütüphanelerden gelir; Vue'nun yaratıcısının başlattığı Vite de onunla doğrudan çalışır. Daha az dış parça, güncellemelerde daha az sürpriz demektir.
Projenizde Nasıl İlerliyoruz?
Önce projenin ne kadar etkileşime ihtiyaç duyduğuna karar veriyoruz: mevcut sitede birkaç bölüm mü, yoksa eksiksiz bir uygulama mı? Figma'da tasarlanan ekranlar, çoğunlukla TypeScript ile yazılan Vue bileşenlerine dönüşüyor ve bir API üzerinden verilerinize bağlanıyor.
Teslimden önce her akışı klavyeyle ve ekran okuyucularla test ediyor, Arapça arayüzü sağdan sola kontrol ediyor ve yüklemeyi Lighthouse ile ölçüyoruz. Kodu tüm geçmişiyle birlikte size teslim ediyor, projenin nasıl düzenlendiğini ekibinize anlatıyoruz.
