Question 1

Nuxt'ta useFetch ile useAsyncData arasındaki temel fark nedir?

Accepted Answer

useFetch, yaygın API çağrılarını basitleştiren, useAsyncData ve $fetch'i saran bir wrapper'dır. URL oluşturmayı otomatik olarak yönetir ve ilk argüman olarak doğrudan bir URL kabul eder; useAsyncData ise benzersiz bir key ve özel bir fetcher fonksiyonu gerektirir. Basit API çağrıları için useFetch, karmaşık fetching mantığı için useAsyncData kullanın.

Question 2

useAsyncData kullanırken her zaman benzersiz bir anahtar sağlamak neden önerilir?

Accepted Answer

Benzersiz anahtar, Nuxt'un SSR hidrasyonu sırasında sunucu ve istemci arasındaki istekleri tanımlamasına ve tekilleştirmesine olanak tanır. Benzersiz bir anahtar olmadan, veriler sunucu render işleminden sonra istemcide gereksiz yere yeniden fetch edilebilir veya caching çakışmaları oluşabilir. Anahtar ayrıca caching ve state yönetimi için de kullanılır.

Question 3

Nuxt'ta $fetch ile useFetch arasındaki fark nedir?

Accepted Answer

$fetch, state yönetimi veya reaktivite olmadan basit HTTP istekleri gerçekleştiren bir yardımcı fonksiyondur; native fetch'e benzer ancak Nuxt iyileştirmelerine sahiptir. useFetch ise reaktif ref'ler (data, pending, error) döndüren ve SSR hidrasyonunu yöneten bir composable'dır. event handler içindeki zorunlu çağrılar için $fetch'i, bileşenlerdeki bildirimsel fetching için useFetch'i kullanın.

Nuxt Data Fetching

Nuxt'ta useFetch ile useAsyncData arasındaki temel fark nedir?

Cevap

useAsyncData kullanırken her zaman benzersiz bir anahtar sağlamak neden önerilir?

Cevap

Nuxt'ta $fetch ile useFetch arasındaki fark nedir?

Cevap

useFetch veya useAsyncData ile lazy fetching nasıl etkinleştirilir?

useFetch ile data fetching sırasında hatalar nasıl ele alınır?

Diğer Vue.js / Nuxt.js mülakat konuları

JavaScript Temelleri

Modern JavaScript (ES6+)

Vue Temelleri

Vue Bileşenleri

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Vue Reaktifliği

Nuxt Temelleri

Nuxt SSR & SSG

Nuxt Sunucu Rotaları

Nuxt Modülleri

Vue Composable'ları

Vue Formları ve Doğrulama

Nuxt Durum Yönetimi

Vue Testing

Nuxt Dağıtımı & CI/CD

Vue Performansı

İleri Düzey Vue Desenleri

Vue ile TypeScript

Nuxt Kimlik Doğrulama

Nuxt ile SEO

Nuxt Uluslararasılaştırma

Vue Mimarisi

Nuxt Güvenliği

Vue Ekosistemi

Vue 2→3 & Nuxt 2→3 Geçişi

Bir sonraki mülakatın için Vue.js / Nuxt.js'de uzmanlaş