Firestore Database Tüm Verileri Çekme ve Ekrana Yansıtma- Ders-13 - React Native Eğitimleri

Kısa Özet

Bu video, Firebase Firestore veritabanından veri çekme, güncelleme ve silme işlemlerini daha etkili bir şekilde nasıl yapabileceğinizi anlatıyor. Özellikle, verilerin ekranda güncel olarak yansıtılmasını sağlamak için izlenmesi gereken adımlar üzerinde duruluyor.

• Firestore'dan veri çekerken karşılaşılan güncel olmayan veri sorununu çözme.
• try...catch blokları ile hata yönetimini iyileştirme.
• useState ve useEffect hook'larını kullanarak veri güncellemelerini otomatikleştirme.
• Verileri ekrana yansıtırken map fonksiyonunu kullanarak daha düzenli bir görünüm elde etme.

Giriş ve Önceki Dersin Tekrarı

Önceki derste Firebase Firestore'a veri gönderme, çekme, silme ve güncelleme işlemleri anlatılmıştı. Ancak, sadece tek bir veri çekildiği için tüm verilerin nasıl çekilip yansıtılacağı sorusu ortaya çıktı. Bu derste, bu sorunun çözümü ve verilerin güncel olarak ekrana yansıtılması üzerinde durulacak.

Veri Çekme İşlemi ve Güncel Olmayan Veri Sorunu

Veri çekme işleminde, sadece bir tane veri çekildiği ve bu verinin set içerisine gönderildiği belirtiliyor. Birden fazla veri geldiğinde ise eski veriler silinmeden yenileri ekleniyordu. Bu durum, güncelleme ve silme işlemlerinde sorunlara yol açıyordu çünkü ekranda güncel veri yansıtılamıyordu.

Try...Catch Blokları ile Hata Yönetimi

try...catch blokları kullanılarak hata yönetimi yapılması öneriliyor. Veri çekme işlemi try bloğu içerisine alınarak, hata oluşması durumunda catch bloğu ile hata mesajı konsola yazdırılıyor.

Tüm Verileri Çekme ve Return İşlemi

AllData adında bir dizi oluşturuluyor ve Firestore'dan çekilen veriler forEach döngüsü ile bu diziye ekleniyor. set data kısmı silinerek, AllData dizisi her seferinde güncelleniyor. Daha sonra, try bloğu içerisinde tüm veriler başarıyla çekildikten sonra AllData dizisi return ediliyor. Return, fonksiyonun çıktısını vermek anlamına geliyor.

Verilerin Ekrana Yansıtılması ve UseState Kullanımı

Get data fonksiyonundan dönen verilerin ekrana yansıtılması için useState hook'u kullanılıyor. Return edilen AllData dizisi, set data fonksiyonu ile useState içerisine gönderilerek ekrana yansıtılıyor.

Map Fonksiyonu ile Veri Yansıtma

Verilerin ekrana daha düzenli bir şekilde yansıtılması için map fonksiyonu kullanılıyor. Her bir veri objesi, map fonksiyonu ile dönülerek ekrana yansıtılıyor. Map içerisinde key verilmesi gerektiği ve bu key değerinin benzersiz olması gerektiği vurgulanıyor. Verilerin id'si veya index değeri key olarak kullanılabiliyor.

Veri Silme ve Güncelleme İşlemleri

Veri silme işlemleri manuel olarak yapılıyor ve ardından veriler tekrar kaydediliyor. Bu sayede, ekranda güncel verilerin yansıtılması sağlanıyor.

UseEffect ile Otomatik Veri Çekme

UseEffect hook'u kullanılarak, sayfa yüklendiğinde veya belirli bir durum değiştiğinde otomatik olarak veri çekme işlemi yapılıyor. Bu sayede, Get data butonuna tıklamaya gerek kalmadan veriler otomatik olarak ekrana yansıtılıyor.

Save Butonuna Tıklandığında Veri Çekme

Save butonuna tıklandığında otomatik olarak veri çekme işleminin yapılması için useState hook'u kullanılıyor. IsSave adında bir state oluşturuluyor ve Save butonuna her tıklandığında bu state'in değeri değiştiriliyor. UseEffect hook'u, isSave state'indeki değişiklikleri dinleyerek her değişiklikte veri çekme işlemini tetikliyor.

Sonuç ve Özet

Bu derste, Firebase Firestore'dan veri çekme, güncelleme ve silme işlemlerinin nasıl daha etkili bir şekilde yapılabileceği anlatıldı. Try...catch blokları ile hata yönetimi, useState ve useEffect hook'ları ile veri güncellemelerinin otomatikleştirilmesi ve map fonksiyonu ile verilerin düzenli bir şekilde ekrana yansıtılması gibi konular üzerinde duruldu. Bu yöntemler sayesinde, verilerin ekranda güncel olarak yansıtılması sağlanabiliyor.