Ի՞նչ է React.memo-ը: Կարող ենք ամբողջ հավելվածը ծածկել memo-ով: Ինչու է վատ օգտագործել memoիզացիան ամեն տեղ?

React.memo — բարձր մակարդակի կոմպոնենտ է, որը օպտիմալացնում է ֆունկցիոնալ կոմպոնենտները՝ կանխելով նրանց կրկնակի ռենդերինգը, եթե props-ները չեն փոխվել։ Այն համեմատում է ընթացիկ և նախորդ props-ները և ռենդերինգը կատարում միայն փոփոխության դեպքում։

Տեխնիկապես, ամբողջ հավելվածը կարելի է ծածկել React.memo-ով, բայց դա նպատակահարմար չէ։ Հաճախ, մեմոիզացիան օգտակար է այն կոմպոնենտների համար, որոնք հաճախ ստանում են նույն props-ները և թանկ են ռենդերինգի համար։

Ինչու է վատ օգտագործել մեմոիզացիան ամենուր՝

• Ավելացուցիչ ծախսերը props-ների համեմատության համար կարող են գերազանցել ռենդերինգը խնայելու օգուտը։
• Մեմոիզացիան բարդացնում է տրամաբանությունը և սխալների հայտնաբերման գործընթացը։
• Բոլոր կոմպոնենտները չեն շահում մեմոիզացիայից, հատկապես պարզ և արագ։

Օգտագործման օրինակ՝ React.memo:

const MyComponent = React.memo(function MyComponent(props) {
  // կոմպոնենտը միայն այն ժամանակ կվերառարկի, երբ props-ները փոխվեն
  return <div>{props.value}</div>;
});