React useMemo kullanımı

Bu videoda useMemo hook kullanımı anlatılmaktadır. useMemo, React içinde hesaplanması uzun süren ve işlemciye fazlaca yük olan fonksiyonların döndürdüğü değerlerin hatırlanması için kullanılır.
useMemo ve React.memo farklı şeylerdir. React.memo'dan useCallback videomuzda bahsetmiştik. useMemo, yalnızca fonksiyon component içinde kullanabileceğiniz bir hook iken, React.memo ise yeniden render gerçekleştiğinde props'ları değişmeyen component'ların yeniden render edilmesini engellemek için kullanılır.
Videoda bahsedilan makale: www.robinwieru...
GitHub: github.com/rea...
Twitter: / reactdersleri
#react #reactjs #reactdersleri #reacttutorial

[@burakgunduz7119]

Öncelikle useMemo ve useCallback farkı açısından çok açıklayıcı videolar yapmışsınız, sağolun. Anlatma tarzınız ve düzeyiniz konseptleri oturtmaya çok yardımcı oluyor.
Benim sorum useContext ile çektiğimiz değerlerin değişmesi halinde component'in yeniden render edilmesini nasıl önleyebiliriz, yani useMemo sizce uygulanabilir mi useContext değişkenlerine?
Ayrıca naçizane bir önerim de eğer React ile ilgili video çekmek için konu arıyorsanız belki testing ile ilgili bir seri (bildiğim kadarıyla Türkçe bir kaynakda hiç yok) çok iyi olabilir, veya React'ın etrafında ki yaygın olarak kullanılan teknolojiler de olabilir.

[@erhanbasturk6743]

ağzınıza sağlık hocam türkçe kaynak olarak çok iyi içerikleriniz var

[@faridhabibli625]

Video ve anlatım için çok teşekkürler. Kısacası bazi fonksiyonların yalnız belirli state'ler değiştiyinde çalışması için useMemo kullanıyoruz. Genelleme yaparsak bir state değiştiyinde compenentin tamamını render etmek yerine yalnız alakalı hisseleri render ermek gerçektende akıllıcı bir çözüm değil mi? Yani aslında çok zaman kullananmak mantıklı geldi bana.

[@ugurozgendev]

Teşekkürler :)

[@batuhan5769]

hocam hooks derslerin de ilk hangi videodan başlayalım? Oynatma listesinde ki ilk videoyu en son atmışsınız. 4. videoyu ilk atmışsınız. oynatma listesi sırasına göre mi gidelim. yoksa videolar kısmında attığınız video sırasına göre mi?

[@eelguneezmemmedov1671]

Hocam soyler misiniz ? Bir front end olmak icin figmaya gerek var mi ? Youtubda bazi projeleri izledim px hesaplamalarini figma ile yapiyorlar Genel anlamda alternatifi var mi >? Simdi react ogreniyorum ama dusunuyorum ilerisi icin front end mesleginde bu gibi programlarin onemi nedir? Tesekkurler dikkatiniz icin..

[@ReactDersleri]

Front-end olmak icin bilmem ama UI/UX Designer olmak icin onemli bir arac. Developer, dizayn etmekle ugrasmaz. O tasarimcinin isidir.

[@eelguneezmemmedov1671]

@@ReactDersleri Tesekkurler Geri donus etdiginiz icin Anladim hocam

[@eelguneezmemmedov1671]

@@ReactDersleri hocam size mailden ulasa bilir miyim ?

[@zeynalabdinqdirov6104]

Hocam Sanırım playlistde videolar karışık. Sondan başa doğru mu izleyeceğiz ?

[@ReactDersleri]

İnceliyorum, teşekkürler

[@sabitalizade]

useEffect`le de bu orneyi yapa biliyoruz. Fark performans artirmak icin kullanmakmi sadece?

[@ReactDersleri]

useEffect ile memoize islemi yapmiyoruz. Onun amaci render tamamlandiktan sonra side effects calistirmak icin. Bu yuzden de adi useEffect. Nerede benzerlik kurdugunuzu tam anlamadim.

[@umuthankuzur3184]

@@ReactDersleri Merhabalar. useEffect hook’ unun bir dependency array ile kullanımı durumunda bu array içerisindeki state veya state’ ler değişmediği sürece bu hook çalışmıyor. Aynı durum useMemo hook’ unda da geçerli ve bu dependency parametreleri değişmediği sürece hook çalışmıyor eski değerini döndürüyor. İkisi de aynı mantıkta çalışıyor gibi gözüküyor bu örnek üzerinden arkadaş onu sormuş sanırım. Ancak biri dediğiniz gibi side effect işlemleri için kullanılırken diğeri useContext gibi hook’ ların neden olabileceği gereksiz render’ ların önüne geçmek için kullanılabilir. Bunu sizden daha iyi bir anlatımla duymak isteriz. useLayoutEffect hook’ una da bakmanızı öneririm. DOM üzerinde herhangi bir elemanın ölçülerine göre state güncelleyip bu state üzerinden style oynamaları yapıldığında görüntüde titremeler oluyor. Bu hook ile paint edilmeden bu işlem gerçekleştiği için bu blink kullanıcıya yansımıyor. Video için teşekkürler.

[@laptoprecaia.k.aagentsmith3328]

.