# Veri Çekme ve API (React / Next.js)

> fetch API, axios, async/await, hata yönetimi, yüklenme durumları, abort controllers

- 20 mülakat soruları
- Mid-Level
- [Mülakat Soruları: React / Next.js](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari.md)

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

**Cevap**

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.

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

**Cevap**

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.

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

**Cevap**

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.

## 17 soru daha mevcut

- 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()?

Ücretsiz kaydol: https://sharpskill.dev/tr/login

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

- [JavaScript Temelleri](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/javascript-essentials.md): 25 soru, Junior
- [React Temelleri](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-fundamentals.md): 20 soru, Junior
- [React Hooks](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-hooks.md): 22 soru, Junior
- [Bileşen yaşam döngüsü](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/component-lifecycle.md): 18 soru, Junior
- [React Router](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-router.md): 20 soru, Junior
- [Context ile state yönetimi](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/state-management-context.md): 18 soru, Junior
- [Formlar ve Controlled Components](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/forms-controlled-components.md): 20 soru, Mid-Level
- [React Query (TanStack Query)](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-query-tanstack.md): 20 soru, Mid-Level
- [Styling & CSS-in-JS](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/styling-css-in-js.md): 18 soru, Mid-Level
- [Next.js Temelleri](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-fundamentals.md): 25 soru, Mid-Level
- [React ile TypeScript](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/typescript-react.md): 20 soru, Mid-Level
- [Next.js Veri Çekme](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-data-fetching.md): 24 soru, Mid-Level
- [Next.js Server Actions](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-server-actions.md): 20 soru, Mid-Level
- [Next.js Routing ve Navigasyon](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-routing-navigation.md): 22 soru, Mid-Level
- [Next.js API Routes](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-api-routes.md): 20 soru, Mid-Level
- [Next.js Metadata & SEO](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-metadata-seo.md): 18 soru, Mid-Level
- [Next.js Middleware ve Auth](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-middleware-auth.md): 22 soru, Mid-Level
- [React Testing](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-testing.md): 20 soru, Mid-Level
- [Zustand State Management](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/zustand-state-management.md): 18 soru, Mid-Level
- [React Performans Optimizasyonu](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-performance-optimization.md): 22 soru, Senior
- [Error Boundaries & Error Handling](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-error-boundaries.md): 18 soru, Senior
- [Advanced React Patterns](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/advanced-react-patterns.md): 20 soru, Senior
- [Next.js Gelişmiş Özellikler](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-advanced-features.md): 24 soru, Senior
- [Next.js Dağıtım & Üretim](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-deployment-production.md): 20 soru, Senior
- [Architecture & Design Patterns](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-architecture-patterns.md): 22 soru, Senior
- [React Server Components](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-server-components.md): 26 soru, Senior
- [Next.js Uluslararasılaştırma](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/nextjs-internationalization.md): 20 soru, Senior
- [React Güvenlik & En İyi Uygulamalar](https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/react-security-best-practices.md): 22 soru, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/tr/technologies/react-next/mulakat-sorulari/fetching-data-api