Formularios y Entradas
Inputs controlados, validación, useActionState, debounce y formularios accesibles.
- Media~20 min
Componentes Controlados vs No Controlados
El input del formulario no se reinicia al hacer clic en el botón de reinicio. CorrÃgelo convirtiendo a un…
- Forms
Comenzar reto - DifÃcil~35 min
Actualizaciones Optimistas de la Interfaz
La aplicación de tareas se siente lenta porque espera al servidor antes de actualizar la interfaz. Implementa…
- Optimistic UI
Comenzar reto - Media~20 min
Formulario Controlado con Validación en Tiempo Real
Construye un formulario de registro con validación en tiempo real que muestre errores mientras el usuario…
- Forms
Comenzar reto - Fácil~10 min
Formularios Accesibles con useId
Las etiquetas de formulario no están correctamente asociadas con los inputs, rompiendo la accesibilidad con…
- useId
- A11y
- Forms
Comenzar reto - Fácil~10 min
Input de Búsqueda con Debounce
El input de búsqueda dispara una solicitud a la API en cada pulsación de tecla, causando problemas de…
- Debounce
- Forms
Comenzar reto - DifÃcil~35 min
Formulario con useActionState (React 19)
Refactoriza este formulario controlado para usar el hook useActionState de React 19. La acción recibe el…
- useActionState
- Forms
Comenzar reto - Media~20 min
Auto-Guardado con Debounce (con Cancelación)
Cada tecla dispara una petición de guardado. Aplica debounce para que solo se dispare después de que el…
- Debounce
Comenzar reto - Media~20 min
Formulario Multi-Paso con Compuertas de Validación
Un wizard de 4 pasos — Cuenta → Perfil → Preferencias → Revisión — donde la base navega libremente con cero…
- Forms
Comenzar reto - DifÃcil~35 min
Asistente de Importación CSV: Parsear, Mapear, Validar
Un asistente de importación de cuatro pasos: pegar CSV → parsear → mapear columnas → validar → importar. La…
- React
Comenzar reto