Redux Hooks Kullanımı: useSelector ve useDispatch

Bu videoda, react-yazi-yorum projemizin state yönetimi Redux ile entegre ediyoruz. Bu entegrasyon sırasında daha önceki videolarda kullandığımız klasik yöntemi değil, Redux'un hooklarını kullanarak yapıyoruz.

Redux ile state'e bağlanırken ve action dispatch ederken iki adet hook öne çıkıyor: useSelector ve useDispatch.

useSelector sayesinde istediğimiz state parçasını store'dan alabiliyoruz.

useDispatch ise bize dispatch fonksiyonunu sağlıyor. Bu fonksiyona parametre olarak action creator fonksiyonumuzu çağırarak gönderiyoruz.

#react #reactjs #reactdersleri #reacttutorial #redux #usedispatch #useselector #thunk #middleware

[kenansari]

Degerli Hocam harikasiniz tabiri caizse gozumuz yollarda kalmisti. Geri donmenize cok sevindik.

[mevlutefe]

Gayet açık ve net bir anlatım olmuş hocam teşekkürler

[mertgenc]

hocam çok kral adamsınız sizin sayenizde react bilgimi geliştirdim ve yeni bir işe girdim çok teşekkür ederim her şey için :)

[ceyhunhuseynov]

Hocam dersler tam aradığım mevzular harikasiniz👍

[sakirtufan]

Hocam Merhaba,

asagidaki kod icin uyari aliyoruz...

useEffect(() => {
dispatch(getPostList())
}, [ ]);
//React Hook useEffect has a missing dependency: 'dispatch'. Either include it or remove the dependency array.//

dökümantasyonda sebebini anlatiyor ama maalesef anlayamadim. Izah edebilirseniz cok mutlu olurum.

Tesekkürler

[emreylmaz]

hocam ders için çok sağolun. bu son yaptığınız dersleri githuba commit edebilir misiniz?

[muratyavuz]

bu güzel paylaşım için elinize sağlık. Bir sorum olacak console.log da iki kez döndüğünü görüyorum bunun sebebi nedir ?

[ahmetatalay]

hocam yorum silmeyi başardım ama yaziDetayin içinde yorumlar kısmı dizi olduğu için "id" sine ulaşamıyorum napmam lazım obje içinde array olduğu için display_name ulaşamıyorum nasıl bir yol izlemeliyim

[olurmuki]

hocam diyelim büyük bir projede mesela CRM tarzı bir projede her componentte ayrı ayrı useEffect yapmak performansta bir sorun yaratır mı? bazen console.log atıyorum ve 2 defa renderlandıgını görüyorum sayfanın, ya da post request atacaksam 5 sn falan sürüyor, halbuki postman ile mili saniye ile tamamlanıyor fonksiyon.

yani redux'u efektif kullanamıyorum gibi geliyor bana

[bugracevik]

Merhaba, useEffect component render edildikten sonra çağrılmıyor mu ? Siz nasıl veriyi tutup map edebildiniz

[burakk]

Hocam merhabalar öncelikle ders için teşekkürler, redux ile yorum düzenle özelliği eklediğimde şöyle bir hata alıyorum:
Warning: Encountered two children with the same key, `41`. Bunun nedeni de reducer içindeki şu kullanımım diye düşünüyorum:
case "YORUM_DUZENLE":
return {
...state,
yaziDetayi: {
...state.yaziDetayi,
yorumlar: [...state.yaziDetayi.yorumlar, action.payload],
},
yorumDuzenleHata: "",
};
41 nolu yorum düzenlendiğinde API işeminde override olduğundan ekranda düzelmiş şekilde basıyor fakat sanırım state içindeki yukarıdaki kopyalama işlemi eski yorumuda tutuyor fakat yine anlamadığım devtoolsdan baktığımda state içinde sadece son yorumu görüyorum. Nerede hata yapıyorum? acaba sadece api yi güncelleyip State i güncelleyemiyor muyum?

Projenin redux uygulanmış yourm duzenle/sil haliyle son hali:

[ferhatkaymaz]

proje küçük diye mi initial stateler ve reducerları aynı dosyada yazıyorsunuz ?

[yildiz]

"uygulamamızın store ile beslenmesini sağlayabiliriz" asaddg :D