Question 1

React Query'de useQuery'nin temel rolü nedir?

Accepted Answer

useQuery, bir API veya veri kaynağından salt okunur veri çekmek için temel hook'tur. Cache, yükleme durumları, hatalar ve refetch stratejilerini otomatik olarak yönetir. useEffect ile fetch kullanımından farklı olarak useQuery, akıllı cache sistemi sayesinde gereksiz istekleri önleyerek performansı optimize eder.

Question 2

Bir API'ye POST mutation yapmak için hangi hook kullanılmalıdır?

Accepted Answer

useMutation, POST, PUT, PATCH veya DELETE gibi yazma işlemleri için özel hook'tur. Mutation yaşam döngüsünü yönetmek için onSuccess, onError ve onMutate callback'leri sağlar. Okuma için tasarlanan useQuery'den farklı olarak, useMutation isteği otomatik olarak tetiklemez ve mutate fonksiyonuna açık bir çağrı gerektirir.

Question 3

React Query'de query key'in amacı nedir?

Accepted Answer

query key, React Query'nin cache ve sorgular arasındaki bağımlılıkları yönetmesini sağlayan benzersiz bir tanımlayıcıdır. Belirli sorguları tanımlamak, invalidate etmek ve refetch yapmak için kullanılır. query key basit bir string veya dinamik parametreler içeren bir dizi olabilir. query key'i değiştirmek otomatik olarak yeni bir fetch tetikler, bu da bağımlılıkları deklaratif olarak yönetmeyi sağlar.

React Query (TanStack Query)

React Query'de useQuery'nin temel rolü nedir?

Cevap

Bir API'ye POST mutation yapmak için hangi hook kullanılmalıdır?

Cevap

React Query'de query key'in amacı nedir?

Cevap

useQuery yapılandırmasında staleTime neyi temsil eder?

useQuery'nin yükleme durumunda olduğunu hangi özellik gösterir?

Diğer React / Next.js mülakat konuları

JavaScript Temelleri

React Temelleri

React Hooks

Bileşen yaşam döngüsü

React Router

Context ile state yönetimi

Formlar ve Controlled Components

Veri Çekme ve API

Styling & CSS-in-JS

Next.js Temelleri

React ile TypeScript

Next.js Veri Çekme

Next.js Server Actions

Next.js Routing ve Navigasyon

Next.js API Routes

Next.js Metadata & SEO

Next.js Middleware ve Auth

React Testing

Zustand State Management

React Performans Optimizasyonu

Error Boundaries & Error Handling

Advanced React Patterns

Next.js Gelişmiş Özellikler

Next.js Dağıtım & Üretim

Architecture & Design Patterns

React Server Components

Next.js Uluslararasılaştırma

React Güvenlik & En İyi Uygulamalar

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