crazy_coder
Moderatör
- Katılım
- 20 Şub 2026
- Mesajlar
- 204
- Tepkime puanı
- 0
- Puanları
- 16
1. Fetch API: Tarayıcının Yerleşik Gücü
Fetch, modern tarayıcıların içine yerleşik olarak gelir. Herhangi bir paket yüklemenize gerek kalmadan doğrudan kullanabilirsiniz.
[]Avantajı: Ekstra dosya boyutu (bundle size) eklemez.
[]Dezavantajı: "Hata yönetimi" biraz zahmetlidir. Örneğin, 404 veya 500 hatalarında catch bloğuna düşmez; manuel kontrol gerektirir.
JavaScript:
// Fetch kullanımı
fetch('https://api.example.com/data')
.then(response => {
if (!response.ok) throw new Error('Hata oluştu!');
return response.json(); // Manuel JSON dönüşümü şart
})
.then(data => console.log(data))
.catch(error => console.error(error));2. Axios: Profesyonel ve Gelişmiş Özellikler
Axios, harici bir kütüphanedir (npm install axios). Veri çekme sürecini daha konforlu hale getiren birçok "akıllı" özelliğe sahiptir.
[]Avantajı: JSON verisini otomatik olarak ayrıştırır, 4xx ve 5xx hatalarında doğrudan catch bloğuna geçer.
[]Dezavantajı: Projenize küçük de olsa ekstra bir bağımlılık ve dosya boyutu ekler.
JavaScript:
// Axios kullanımı
const axios = require('axios');
axios.get('https://api.example.com/data')
.then(response => console.log(response.data)) // Veri doğrudan hazır gelir
.catch(error => console.error(error));3. Kritik Farklar ve Özellik Karşılaştırması
| Özellik | Fetch API | Axios | |
|---|---|---|---|
| Kurulum | Gerekmez (Yerleşik) | Gerekir (npm/yarn) | |
| JSON Dönüşümü | Manuel (.json() gerekir) | Otomatik | |
| Hata Yönetimi | Manuel response.ok kontrolü | Otomatik (Status > 299 ise hata) | |
| Interceptors | Yok (Manuel sarılmalı) | Var (Giriş/Çıkışları izler) | |
| Zaman Aşımı (Timeout) | Karmaşık (AbortController) | Kolay (timeout özelliği) |
4. Hangisini, Ne Zaman Seçmelisiniz?
Şu Durumlarda FETCH Seçin:
Küçük, basit projeler yapıyorsanız.
Bağımlılık (dependency) sayısını minimumda tutmak istiyorsanız.
Vanilla JS (saf JavaScript) ile çalışıyorsanız ve ekstra kütüphane yüklemek istemiyorsanız.
Şu Durumlarda AXIOS Seçin:
Orta ve büyük ölçekli kurumsal projeler geliştiriyorsanız.
Interceptors (isteği göndermeden önce araya girip token ekleme gibi işlemler) gerekiyorsa.
Birden fazla isteği yönetmek ve gelişmiş hata takibi yapmak istiyorsanız.
Daha temiz ve okunabilir bir kod yapısı hedefliyorsanız.
Sonuç
Eğer sadece bir API'den tek seferlik veri çekecekseniz Fetch işinizi görecektir. Ancak profesyonel bir backend ile konuşan, güvenli (token tabanlı) ve karmaşık bir uygulama geliştiriyorsanız Axios sunduğu hazır özelliklerle size ciddi zaman kazandıracaktır.