useMemo nə edir? Nə vaxt istifadə edilməlidir? Uşaq komponentini React.memo ilə əhatə etməliyikmi?

useMemo — React-də funksiyanın nəticəsini yadda saxlamaq (keşləmək) üçün istifadə olunan hook-dur və komponentin yenidən render olunması zamanı lazımsız hesablamaların qarşısını alır.

useMemo-nu resurslar üçün baha başa gələn hesablamalar və ya lazımsız yenidən yaradılmaması lazım olan mürəkkəb obyektlər üçün istifadə etmək məsləhətdir.

Nümunə:

const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);

Burada, computeExpensiveValue yalnız a və b dəyişəndə çağırılır.

React.memo haqqında — bu, özünü yadda saxlayan HOC-dur və props dəyişmədiyi halda, yenidən render edilməsinin qarşısını alır.

React.memo-nu uşaqlar komponentini əhatə etmək məsləhətdir, əgər:

• komponent tez-tez render olunursa,
• və props dəyişmirsə,
• və komponentin yenidən render olunması baha başa gəlirsə.

Qısa olaraq:

• useMemo komponent daxilində hesablamaları optimallaşdırır,
• React.memo uşaqlar komponentlərinin render olunmasını optimallaşdırır.

Hər iki alət birlikdə istifadə oluna bilər, lakin yalnız əgər bu, həqiqətən lazımdırsa, kodu mürəkkəbləşdirməmək üçün istifadə edilməlidir.