Patrones de Componentes
Compound components, HOCs, render props, tipos polimórficos y error boundaries.
- Difícil~35 min
Componentes Polimórficos con TS
Crea un componente Text que acepte una prop as (por ejemplo, 'h1', 'span', 'a') y herede correctamente los…
- Polymorphic TS
Comenzar reto - Difícil~35 min
Eventos Sintéticos vs Nativos
Si usas e.stopPropagation() en un onClick de React, ¿detiene un handler document.addEventListener('click')…
- Events
Comenzar reto - Fácil~10 min
Definición de Componente dentro del Render
¿Por qué esto es extremadamente malo para el rendimiento y la experiencia de usuario (pérdida de foco)?
- Re-renders
Comenzar reto - Difícil~35 min
La Refactorización Maestra
Este es un "Componente Dios." Mezcla lógica de fetch, lógica de filtrado e interfaz. También recalcula el…
- Refactoring
Comenzar reto - Difícil~35 min
Implementación de Error Boundary
Cuando un componente lanza un error, toda la aplicación se cuelga con una pantalla en blanco. Implementa un…
- Error Boundary
Comenzar reto - Difícil~35 min
Patrón de Componentes Compuestos
Crea un componente flexible Tabs usando el patrón de Componentes Compuestos. El componente debe permitir a…
- Compound
Comenzar reto - Difícil~35 min
Hook Personalizado con Dependencias Complejas
Crea un hook useDebounce que retrase un valor. El hook debe aceptar un valor y un retraso, y devolver el…
- Custom Hooks
Comenzar reto - Difícil~35 min
Patrón Render Props
Crea un componente MouseTracker usando el patrón Render Props. El componente debe rastrear la posición del…
- Render Props
Comenzar reto - Difícil~35 min
Componente de Orden Superior (HOC)
Crea un Componente de Orden Superior que agregue verificación de autenticación a cualquier componente. El HOC…
- HOC
Comenzar reto - Difícil~35 min
Componiendo Hooks Personalizados
Crea un hook complejo useForm componiendo hooks más simples: useInput, useValidation y useSubmit.
- Custom Hooks
- Composition
Comenzar reto - Media~20 min
Hooks Personalizados Componibles
Crea un conjunto de hooks personalizados componibles que puedan combinarse para operaciones asíncronas…
- Composition
Comenzar reto - Media~20 min
Bus de Eventos entre Componentes
Dos componentes distantes (un toaster de notificaciones y un botón de guardar) necesitan hablar sin prop…
- Pub/Sub
- Events
Comenzar reto - Difícil~35 min
Kit de Hooks Personalizados: Extrae Cinco Hooks Reutilizables
Un componente demo funciona perfecto pero es un enredo: búsqueda con debounce, un contador persistido en…
- Custom Hooks
Comenzar reto