Mis on React.memo? Kas saab kogu rakenduse mällu panna? Miks on halb kasutada mälus hoidmist igal pool?

React.memo on kõrgema taseme komponent, mis optimeerib funktsionaalseid komponente, vältides nende uuesti renderdamist, kui propsid ei muutu. See võrdleb praeguseid ja eelnevaid props'e ning renderdab komponendi uuesti ainult siis, kui muutused toimuvad.

Tehniliselt võib kogu rakenduse mähkida React.memo-iga, kuid see ei ole soovitatav. Tavaliselt on mälutamine kasulik komponentide jaoks, mis sageli saavad samu props'e ja on renderimisel kulukad.

Miks on halb kasutada mälutamist igal pool:

• Täiendavad kulud props'ide võrdlemiseks võivad ületada kasu renderimise vahelejätmisest.
• Mälutamine keerustab loogikat ja silumist.
• Mitte kõik komponendid ei saa mälutamisest kasu, eriti lihtsad ja kiired.

React.memo kasutamise näide:

const MyComponent = React.memo(function MyComponent(props) {
  // komponent uuesti renderdatakse ainult siis, kui props'id muutuvad
  return <div>{props.value}</div>;
});