Documentacion/EMPEZAR/Conceptos clave

Conceptos clave

Que atrapan los boundaries y como elevar errores async.

Conceptos clave

1) Error boundaries solo atrapan errores de render

  • Atrapan errores que ocurren durante render, lifecycle y constructors en el arbol hijo.
  • No atrapan errores de handlers/eventos o async por defecto.

  1. Para errores async/eventos, usa useErrorBoundary()

  • Este hook permite "elevar" un error al boundary mas cercano llamando showBoundary(error).

  1. Cuando un boundary atrapa un error, crea un ErrorContext

ErrorContext es el objeto que se pasa a fallbacks y al callback onError.

4) Reset y recovery

  • resetError() resetea el boundary.
  • resetKeys resetea automaticamente cuando cambia el array.
  • recovery habilita reintentos con limite y delay/backoff.
Errores async no se capturan solos

Si un error ocurre en un handler o una promesa, usa useErrorBoundary() para elevarlo al boundary mas cercano.