useMemo

Definition

Hook qui memoize le resultat d'un calcul couteux et ne le recalcule que si ses dependances changent.

Analogie

Comme mettre un plat au frigo : tu ne recuisines pas si les ingredients n'ont pas change, tu ressers le meme plat.

Exemple de code

const sortedItems = useMemo(
  () => items.sort((a, b) => a.price - b.price),
  [items]
);
// Ne retrie que si 'items' change

Cas d'usage

Calculs couteux (tri, filtrage, transformations) qui ralentissent le rendu si recalcules a chaque fois.

Anti-pattern

Termes lies