Question 1

fetch() metodu çağrıldığında ne döndürür?

Accepted Answer

fetch(), bir Response nesnesiyle çözümlenen bir Promise döndürür. axios'tan farklı olarak, fetch HTTP hatalarını (404 veya 500 gibi) otomatik olarak reddetmez, bu yüzden verileri parse etmeden önce response.ok kontrol edilmelidir. Bu yaklaşım hata yönetimi üzerinde daha fazla kontrol sağlar ancak açık bir durum kontrolü gerektirir.

Question 2

fetch() ile elde edilen bir Response nesnesinden JSON verileri nasıl çıkarılır?

Accepted Answer

Response nesnesi, parse edilmiş verilerle çözümlenen bir Promise döndüren bir json() metoduna sahiptir. Bu metot, yanıt gövdesini aşamalı olarak okuduğu için asenkrondur. İsteğin başarılı olduğundan emin olmak için json() çağrılmadan önce response.ok kontrol edilmesi önemlidir.

Question 3

Response nesnesinin hangi özelliği HTTP isteğinin başarılı olup olmadığını kontrol etmeye olanak tanır?

Accepted Answer

response.ok özelliği, HTTP durum kodu 200 ile 299 arasındaysa true döndürür ve başarılı bir yanıtı ifade eder. Bu özellik, axios'tan farklı olarak fetch()'in HTTP hatalarını otomatik olarak reddetmemesi nedeniyle önemlidir. Verileri işlemeden önce response.ok kontrol etmek, hata yanıtlarının parse edilmesini önlemek için en iyi uygulamadır.

Veri Çekme ve API

fetch() metodu çağrıldığında ne döndürür?

Cevap

fetch() ile elde edilen bir Response nesnesinden JSON verileri nasıl çıkarılır?

Cevap

Response nesnesinin hangi özelliği HTTP isteğinin başarılı olup olmadığını kontrol etmeye olanak tanır?

Cevap

Bir async fonksiyonda bir Promise'in çözümlenmesini senkron olarak beklemeye olanak tanıyan anahtar kelime hangisidir?

Bir fetch() sırasında şu metodlar hangi sırayla çağrılmalıdır: json(), then(), catch()?

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

React Query (TanStack Query)

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ş