Kas yra React.memo? Ar galima apgaubti visą programą memo? Kodėl blogai naudoti memoizaciją visur?

React.memo yra aukšto lygio komponentas, kuris optimizuoja funkcinius komponentus, išvengdamas jų pakartotinio pernaudojimo, jei props nesikeičia. Jis lygina esamus ir ankstesnius props ir pernaudojama komponentą tik tada, kai įvyksta pakeitimai.

Techniniu požiūriu, galima apgaubti visą programą React.memo, tačiau tai nėra tikslinga. Paprastai, memoizacija naudinga komponentams, kurie dažnai gauna tas pačias props ir yra brangūs jų pernaudojimui.

Kodėl blogai naudoti memoizaciją visur:

• Papildomi kaštai props palyginimui gali viršyti naudą, kurią duoda perėjimas be pernaudojimo.
• Memoizacija komplikuoja logiką ir klaidų paiešką.
• Ne visi komponentai gauna naudos iš memoizacijos, ypač paprasti ir greiti.

Pavyzdys, kaip naudoti React.memo:

const MyComponent = React.memo(function MyComponent(props) {
  // komponentas bus pernaudojamas tik tada, kai props pasikeis
  return <div>{props.value}</div>;
});