Explica la delegación de eventos y cuándo la usarías en vez de asignar listeners a cada elemento.

La delegación de eventos consiste en asignar un único listener a un ancestro común y usar event.target para averiguar con qué descendiente se ha interactuado. Funciona porque la mayoría de los eventos burbujean desde el objetivo hacia sus ancestros. Úsala para listas que cambian a menudo o que son grandes, porque te evitas asignar y limpiar cientos de listeners. No la uses para eventos que no burbujean, como focus, blur y la mayoría de eventos de media.

En vez de poner un listener de clic en cada fila, pongo uno en el contenedor y leo event.target, y luego subo con closest para encontrar la fila que me interesa. Funciona porque el clic burbujea desde lo que se pulsó de verdad hacia sus ancestros, así que el contenedor ve todo lo que hay debajo. Las dos ganancias son que no estoy creando y destruyendo cientos de listeners, y que las filas añadidas después funcionan sin volver a enlazar nada. Las pegas merecen mención: focus y blur no burbujean, así que para eso uso focusin y focusout, y si algún código entre el objetivo y mi contenedor llama a stopPropagation mi manejador deja de dispararse en silencio, que es un bug genuinamente molesto de rastrear. Me pasó sobre todo en una tabla donde un componente interno detenía la propagación para cerrar su propio menú y mataba sin ruido la selección de filas. Hoy suelo tener delegación gratis desde el framework, pero la sigo usando directamente para listas virtualizadas grandes y para cualquier cosa renderizada fuera del árbol del framework.