Patrones de UI
Portales, modales, focus traps, scroll infinito, drag-drop y virtualización.
- Difícil~35 min
Portal con Manejo de Eventos
Un modal renderizado mediante Portal no se cierra al hacer clic afuera porque el evento de clic no burbujea a…
- Portals
- Events
Comenzar reto - Media~20 min
Portal para Superposición de Modal
El modal se renderiza dentro de un componente profundamente anidado, causando problemas de z-index y…
- Portals
Comenzar reto - Media~20 min
Scroll Infinito con IntersectionObserver
La lista carga todos los elementos de una vez, causando una carga inicial lenta y mal rendimiento con grandes…
- IntersectionObserver
Comenzar reto - Difícil~35 min
Lista Reordenable con Drag and Drop
Crea una lista donde los elementos puedan reordenarse arrastrando. Usa la API nativa de Drag and Drop de…
- Drag & Drop
Comenzar reto - Difícil~35 min
Lista Virtualizada para Grandes Volúmenes de Datos
La lista renderiza 10,000 elementos causando que el navegador se congele. Implementa virtualización para…
- Virtualization
Comenzar reto - Difícil~35 min
Trampa de Foco para un Modal Accesible
Cuando un modal está abierto, el usuario aún puede hacer Tab hacia elementos detrás de él — un bug real de…
- A11y
Comenzar reto - Media~20 min
Sistema Global de Notificaciones Toast
Construye un sistema de notificaciones toast que cualquier componente pueda disparar mediante un hook…
- Toasts
Comenzar reto - Difícil~35 min
Tablero Kanban: Búsqueda, Toast de Deshacer y Prioridades
Construye tres features sobre un tablero Kanban que ya funciona. La base ya incluye: cuatro columnas…
- Toasts
Comenzar reto - Difícil~35 min
Data Table Pro: Orden, Comparadores y Footer GroupBy
Construye tres features sobre una tabla de empleados que ya funciona, renderizada desde una config COLUMNS.
- React
Comenzar reto - Difícil~35 min
Panel de Filtros Facetados con Conteos en Vivo
Un catálogo de productos con un sidebar de facetas (marca / categoría / color) generado desde config. La base…
- React
Comenzar reto - Difícil~35 min
Agenda Semanal: Rangos por Arrastre y Guardia de Solapes
Una grilla Lun–Vie × horas donde la base ya funciona: escribe un título, haz clic en una celda y aparece un…
- React
Comenzar reto - Difícil~35 min
Hoja de Cálculo Lite: Fórmulas, Refs y Detección de Ciclos
Una hoja de cálculo 4×5 con barra de fórmulas: haz clic en una celda, escribe contenido crudo, y el pie Σ…
- React
Comenzar reto - Difícil~35 min
Paleta de Comandos: Búsqueda Fuzzy, Teclado y Recientes
Un mock de editor con una paleta ⌘K / Ctrl+K que funciona — pero es solo-mouse y su filtro es un includes()…
- React
Comenzar reto