Ders7 RN Fetching İşlemi

Ders7 RN Fetching İşlemi

Kısa Özet

Bu video, React Native'de veri çekme işlemi olan "fetching" işlemini ele alıyor. Video, fetching işleminin nasıl yapıldığını, API'lerden veri çekmeyi ve bu verileri listelemeyi gösteriyor. Ayrıca, fetching işlemi için gerekli olan "useState" ve "useEffect" hook'larının kullanımını da açıklıyor.

  • Fetching işlemi, API'lerden veri çekmek için kullanılır.
  • "useState" ve "useEffect" hook'ları, fetching işlemini yönetmek için kullanılır.

Fetching İşlemi

Video, React Native'de fetching işlemini göstererek başlıyor. Öncelikle, bir proje oluşturuluyor ve fetching işlemi için gerekli olan "useState" ve "useEffect" hook'ları ekleniyor. Daha sonra, "jsonplaceholder.com" sitesinden bir API'den veri çekiliyor ve bu veriler "useState" hook'u ile bir değişkene aktarılıyor. Son olarak, bu veriler "FlatList" bileşeni kullanılarak listeleniyor.

Fetching İşlemi: API'den Veri Çekme

Bu bölümde, "jsonplaceholder.com" sitesinden bir API'den veri çekme işlemi gösteriliyor. API'den alınan veriler, "fetch" fonksiyonu kullanılarak çekiliyor ve "JSON.parse" fonksiyonu ile JSON formatına dönüştürülüyor. Daha sonra, bu veriler "useState" hook'u ile bir değişkene aktarılıyor.

Fetching İşlemi: Verileri Listeleme

Bu bölümde, "FlatList" bileşeni kullanılarak API'den çekilen verilerin listeleme işlemi gösteriliyor. "FlatList" bileşeni, "data" prop'u ile verileri alıyor ve "renderItem" prop'u ile her bir veri öğesini nasıl render edeceğini belirtiyor.

Fetching İşlemi: Örnek Uygulama

Bu bölümde, fetching işleminin farklı bir API'den veri çekmek için nasıl kullanılabileceği gösteriliyor. Önceki örnekte kullanılan API yerine, "jsonplaceholder.com" sitesinden farklı bir API kullanılıyor. Bu API'den alınan veriler, aynı şekilde "fetch" fonksiyonu ile çekiliyor ve "FlatList" bileşeni ile listeleniyor.

Sonuç

Video, React Native'de fetching işleminin nasıl yapıldığını ve API'lerden veri çekerek listeleme işleminin nasıl gerçekleştirilebileceğini göstererek sona eriyor. Ayrıca, "useState" ve "useEffect" hook'larının fetching işlemi için nasıl kullanılabileceği de açıklanıyor.

Share

Summarize Anything ! Download Summ App

Download on the Apple Store
© 2024 Summ