Datos que llegan incompletos
El backend te promete un campo y no llega. Cómo proteger la UI sin tapar el bug real.
Ejercicios de rendimiento frontend
Cada artículo enseña un patrón real, con el código roto delante y la solución detrás de un desplegable. El sitio corre sobre las mismas técnicas que explica.
Filtrar en cada tecla
El buscador filtra por pulsación y repinta con innerHTML sumado. Dos problemas distintos en el mismo listener.
Scroll que dispara cientos de veces
El evento scroll se emite decenas de veces por segundo. Cómo cortarlo bien para trabajo visual.
Un listener por elemento
N botones, N listeners, memoria que crece con la lista. Un solo listener en el padre resuelve todo.
Leer y escribir alternado
Medir y escribir en el mismo bucle fuerza al navegador a hacer reflow N veces. Separar fases lo rompe.
Scroll infinito
Un listener de scroll, un fetch por disparo, y un innerHTML que reparsea todo. Tres problemas, una solución con IntersectionObserver.
Insertar en el DOM dentro de un bucle
Meter 500 nodos uno a uno provoca 500 recálculos. Cómo bajar a uno.
Trabajo repetido dentro del bucle
Actualizar un contador en cada iteración cuando el total ya se sabe de golpe.