Kas ir React.memo? Vai var aptvert visu lietojumprogrammu ar memo? Kāpēc ir slikti izmantot memoizāciju visur?

React.memo ir augstākā līmeņa komponent, kas optimizē funkcionālos komponentus, novēršot to atkārtotu pārrenderēšanu, ja props nemainās. Tas salīdzina pašreizējos un iepriekšējos props un pārrenderē komponentu tikai tad, ja ir izmaiņas.

Tehniski, visu lietotni var ietvert React.memo, bet tas nav ieteicams. Parasti memorizācija ir noderīga komponentiem, kas bieži saņem vienādus props un ir dārgi pārrenderēt.

Kāpēc ir slikti izmantot memorizāciju visur:

• Papildu izmaksas props salīdzināšanai var pārsniegt ieguvumu no pārrenderēšanas izlaides.
• Memorizācija sarežģī loģiku un kļūdu novēršanu.
• Ne visi komponenti gūst labumu no memorizācijas, īpaši vienkārši un ātri.

React.memo piemērs:

const MyComponent = React.memo(function MyComponent(props) {
  // komponenta pārrenderēšana notiks tikai tad, ja props mainīsies
  return <div>{props.value}</div>;
});