Ի՞նչ է անում useMemo-ը: Երբ օգտագործել այն: Պետք է շրջափակել երեխա կոմպոնենտը React.memo-ով:

useMemo — դա React-ում հուկ է, որը թույլ է տալիս հիշել (կեշել) ֆունկցիայի արդյունքը, որպեսզի խուսափել անպետք կրկնվող հաշվարկներից կոմպոնենտի վերաարտադրման ժամանակ:

Օգտագործեք useMemo, երբ ունեք ռեսուրսներ պահանջող հաշվարկներ կամ բարդ օբյեկտներ, որոնք պետք է կրկին ստեղծել առանց անհրաժեշտության:

Օրինակ՝

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

Այստեղ computeExpensiveValue կկոչվի միայն այն դեպքում, երբ փոխվեն a կամ b:

Ինչ վերաբերում է React.memo — դա HOC է, որը հիշում է ինքնին կոմպոնենտը և կանխում է նրա կրկնակի վերաարտադրումը, եթե prop-երը չեն փոխվում:

Կողպեք երեխային կոմպոնենտը React.memo-ով, եթե՝

• կոմպոնենտը հաճախ է վերաարտադրվում,
• և prop-երը չեն փոխվում,
• և կոմպոնենտի վերաարտադրումը թանկ է:

Ամփոփում՝

• useMemo օպտիմալացնում է կոմպոնենտի ներսի հաշվարկները,
• React.memo օպտիմալացնում է երեխային կոմպոնենտների վերաարտադրումը:

Երկուսն էլ գործիքները կարելի է օգտագործել միասին՝ կատարողականությունը բարելավելու համար, բայց միայն այն ժամանակ, երբ դա իսկապես անհրաժեշտ է, որպեսզի չթեթևացնեք կոդը: