React Dojo

Buscar

Busca conceptos, ejercicios y quizzes

Hook · Memoización

useMemo

Cachear el cálculo

useMemo guarda el resultado de un cálculo y lo reutiliza mientras sus dependencias no cambien. Es una herramienta de rendimiento, no de corrección — úsala cuando midas que vale la pena.

Cuándo importa

Para cálculos genuinamente caros (transformar listas grandes, parsear, ordenar) o para mantener identidad referencial de objetos/arrays que se pasan a hijos memoizados o a dependencias de otros hooks.

Cuándo es ruido

Para funciones simples, valores primitivos, o cálculos que React resuelve más rápido que la propia comparación de dependencias. La memoización tiene coste: comparar deps, retener referencias en memoria.

Tropiezos comunes

  • 01No es una garantía: React puede descartar el caché. No la uses para corrección, solo para velocidad.
  • 02Memoizar todo añade overhead: comparar deps tiene coste. Mide antes de optimizar.
  • 03Si tu dep es un objeto creado en cada render, useMemo nunca acierta — primero estabiliza esa dep.
¿Fue útil?
Inicia sesión para dar feedback