React.memo nədir? Bütün tətbiqi memo ilə əhatə etmək mümkündürmü? Niyə hər yerdə memorizasiyanı istifadə etmək pisdir?

React.memo — bu yüksək səviyyəli komponentdir və funksional komponentləri optimallaşdırır, əgər propslar dəyişməyibsə, onları yenidən render etmədən saxlayır. O, cari və əvvəlki propsları müqayisə edir və yalnız dəyişiklik olarsa komponenti yenidən render edir.

Texniki olaraq, bütün tətbiqi React.memo ilə əhatə etmək mümkündür, amma bu məqsədəuyğun deyil. Adətən, memozasiya tez-tez eyni propslar alan və bahalı olan komponentlər üçün faydalıdır.

Niyə hər yerdə memozasiyanı istifadə etmək pisdir:

• Propsların müqayisəsi üçün əlavə xərclər, renderin qaçırılmasından əldə olunan faydaları aşa bilər.
• Memos, məntiq və debugging-i çətinləşdirir.
• Bütün komponentlər memozasiyadan fayda görmür, xüsusən sadə və sürətli olanlar.

React.memo istifadə nümunəsi:

const MyComponent = React.memo(function MyComponent(props) {
  // komponent yalnız props dəyişdikdə yenidən render olunacaq
  return <div>{props.value}</div>;
});