Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, konuşmacı Redux kütüphanesi kullanarak bir uygulama geliştirmeyi adım adım göstermektedir.
- Videoda, Redux ile random bir kullanıcının bilgilerini alıp ekrana yazdırma işlemi gerçekleştirilmektedir. Konuşmacı önce bir slice oluşturarak veri yapısını tanımlar, ardından API'den veri alma işlemini tank metoduyla action oluşturarak gerçekleştirir. Daha sonra uygulamada bir buton ekleyerek bu işlemi tetikler ve gelen kullanıcı bilgilerini (isim, email, avatar) ekrana gösterir. Video, eksik operasyonlar hakkında da bilgi vererek sonlanır.
- Redux ile Random Kullanıcı Bilgileri Alma
- Bu videoda Redux ile bir operasyon gerçekleştirilecek, önceki videoda basit bir uygulama yapılmış ve site üzerinde değişiklikler nasıl yapılır, slayt nasıl oluşturulur anlatılmıştı.
- Bu videoda random bir kullanıcı bağlanarak random bir kullanıcının bilgilerini alıp ekrana yazdırma işlemi yapılacak.
- Önceki videoda bahsedilen esin operasyonları farklı olduğu için ayrı bir videoda ele alınacak.
- 00:38Redux Slice Oluşturma
- Redux işlemleri için bir slice oluşturulacak ve klasöründe "face" dosyası oluşturulacak.
- Slice içerisinde "data" için bir değişken tanımlanacak ancak henüz tayını oluşturulmamış çünkü veri henüz bilinmiyor.
- API adresi kopyalanıp JSON dosyasına yapıştırılacak ve dilay modunun içerisindeki tayları kopyala yapıştırma projesine aktarılacak.
- 03:07Action Oluşturma
- Redux operasyonları yaparken ekstra bir ifade kullanılması gerekiyor çünkü action'lar üç adet state sahip: ilk state, ikinci state ve loading/error değişiklikleri.
- API'den veri alma işlemini yapacak "fetch" metoduyla bir action oluşturulacak.
- "fetch" metodunun iki parametresi var: birincisi action ismi, ikincisi action işlemini yapacak olan fonksiyon.
- 05:28Extra Kullanımı
- Extra kullanılarak action'lar içerisinde nasıl kullanılacağı gösterilecek.
- Extra fonksiyonu iki parametre alıyor: birincisi hangi siteyi kontrol etmek istendi, ikincisi site yapılacak değişikliği tanımlayan fonksiyon.
- İçerisinde yapılacak işlem belirtilerek, action parametreleri giriliyor ve hata durumunda loading değeri güncelleniyor.
- 08:35Uygulama İçerisinde Kullanımı
- Uygulamanın içerisinde buton eklenecek ve üzerine tıklandığında yeni bir kullanıcı getirilecek.
- Loading değeri tur ise loading değeri gösterilecek, eğer loading değeri varsa gösterilecek, son olarak loading değeri varsa gösterilecek.
- Kullanıcının bilgileri (isim, email, avatar) ekrana yazdırılacak ve buton tıklandığında yeni bir kullanıcı seçilecek.
- 13:44Sonuç ve Kapanış
- Redux operasyonları yaparken "fetch" metodundan faydalanılıyor.
- "fetch" metoduna girdiğiniz değer otomatik olarak ele alınıyor ve operasyonu yapacak fonksiyon buraya giriliyor.
- Alınan veri "data" olarak döndürülüyor ve bu veri ekrana yazdırılıyor.