React Dojo

Buscar

Busca conceptos, ejercicios y quizzes

Hook · Memoización de funciones

useCallback

Una función estable

useCallback es useMemo para funciones. Devuelve la misma referencia mientras sus dependencias no cambien — útil cuando la función viaja a un hijo memoizado o entra en las deps de otro hook.

Cuándo aporta

Cuando pasas un callback a un componente envuelto en memo(), o cuando la función es dependencia de un useEffect y no quieres que el efecto se reinicie en cada render.

Sin un consumidor, es ceremonia

Envolver toda función en useCallback no acelera nada por sí solo. Solo importa cuando alguien río abajo se beneficia de que la referencia sea estable.

Tropiezos comunes

  • 01useCallback sin memo() en el hijo no ahorra renders — el hijo se renderiza igual.
  • 02Las dependencias importan: si olvidas una, capturas valores viejos en el closure.
  • 03Para un callback que solo se usa en un onClick local, useCallback es overhead inútil.
¿Fue útil?
Inicia sesión para dar feedback