React.memo

Definition

HOC qui memoize un composant pour eviter les re-rendus si ses props n'ont pas change (comparaison superficielle).

Analogie

Comme un gardien qui ne laisse entrer que si quelque chose est different.

Exemple de code

const ExpensiveList = memo(function List({ items }) {
  return items.map(i => <Item key={i.id} {...i} />);
});