Kategori arşivi: Vue.js

watch() ve watchEffect() Vue.js ile Nasıl Kullanılır?

Vue.js 3 dökümantasyonuna bakarken Composotion API’lerde izlemek için iki hook görünce kafam karıştı. Dökümanlarına ilk baktığınızda aradaki farkını hemen kavrayamayabilirsiniz.

Biraz üstüne düştükten sonra temelde aynı ama çok farklı özellikleri olduğunu göreceksiniz. İlk önce arasındaki farkı ortaya koyalım.

Bunun farkını araştırdığınıza göre Vue.js hookları ve en azından watch() kullandığınızı varsayıyorum.

Okumaya devam et

Web Uygulamalarınız İçin Yeni Bir Cross-Platform Ortamı: Capacitor

PhoneGap ve Cordova’yı eski topraklar bilir. Mobil uygulama ihtiyaçlarını arttığında, benim gibi web uygulama geçmişi köklü olan yazılımcılara, Android Studio ve Xcode üzerinde native uygulama geliştirmek cidden ölüm geliyordu. Çünkü kullandığımız platformlara hiç benzemiyordu.

Mobil uygulamalara teknolojileri ilerledikçe, bizim mesleğin felsefesinde yatan “sorunlara çözüm bulmak” ile cross-platform mobil uygulama geliştirme araçları çıktı. Çok işimize yaramıştı. İlk cross-platform mobil uygulamayı, biletyol projemizde sevgili dostum Mahir Fatih Ünal’la birlikte Cordova+Vue.js ile yapmıştık. Mantık şuydu web sitesi gibi hazırla ve bu platformlar webview içinde, tıpkı tarayıcı açtığımız bir web sitesi gibi çalışıyordu.

Okumaya devam et

Vue.js Tek Satırda console.log Desteği

Bildiğiniz gibi HTML etiketleri içinde console.log kullanamazsınız. Kullanmak için ise console.log için alias tanımlamanız yeterlidir.

Vue.prototype.$log = console.log.bind(console)
new Vue({el: '#app'})

Tanımladığımız alias HTML içinde kullanmak için

<div id="app">
  <input @keydown="$log" @keyup="$log" @keypress="$log" placeholder="type here">
  Logları görmek için tarayıcınızın konsolunu açınız.
</div>

Vue.js Nedir? Yazı Dizimiz Başlıyor.

Vue.js hakkında hayatınızı kolaylaştıracak yazılar paylaşmaktan vazgeçip, Vue.js hakkında öğrendiğim her şeyi blogumda yazmaya karar verdim. Bu Vue.js pekiştirip daha iyi öğrenmemi sağlayacağı gibi, bir çok kişiyede faydalı olacağını düşünüyorum.

Vue.js tarihine kısaca değinecek olursak, 2014 yılında bağımsız bir yazılımcı olan Evan You tarafından geliştirilmeye başlamıştır. Evan You takip etmenizi mutlaka öneririm. Takip etmek için Twitter ve Medium sitelerini kullanmanız gerekmektedir. Kendi bloğunda herhangi bir şey paylaşmamaktadır. Ayrıca bir çok projesini GitHub üzerinden ulaşabilirsiniz. Tabi ki Vue.js resmi sitesi ise https://vuejs.org/‘dur. Biraz araştırma ile Vue.js gönül vermiş bir çok blog, twitter ve medium hesabı bulabilirsiniz.

Okumaya devam et

Vue.js ve Google Analytics

Tüm sayfalarınızı takip etmek çok kolay!

Bir süre önce Vue.js ile uygulama geliştirmeye başladım. Her site sahibinin olmazsa olmazı analiz araçlarından Google Analytics’i kullanmamız gerekiyordu. Kısa bir araştırmadan sonra 5 satır kod ile uygulamamızı izleyebileceksiniz.

vue-analytics kütüphanesi hazırlayan Matteo Gabriele kişisel blogunda diyor ki: “Track all your pages with 5 lines of code”

Nasıl kullanacağız? Projemize NPM kullarak kuruyoruz.

npm install vue-analytics

Kurduktan sonra Vue instance kullanabilmesi için tanımlıyoruz.

import Vue from 'vue'
import VueAnalytics from 'vue-analytics'

Vue.use(VueAnalytics, {
  id: 'UA-XXX-X'
})

Geliştiricelere daha bir çok özellik sunmaktadır. Öğrenmek için dökümanları inceleyebilirsiniz.