Retos de React y TypeScript
Domina hooks, comportamiento de renderizado, patrones TypeScript y optimización de rendimiento. La solución se desbloquea tras 10 intentos.
Explora por categoría
Elige un tema y aprende en orden, o entra al modo lista para verlos todos.
18 retos Fundamentos de Hooks
useState, useReducer, useRef, closures y las reglas de los hooks.
0/18- MediumLa Trampa del Closure Obsoleto
- Easy¿Actualizaciones de Estado Síncronas?
- EasyEl Hook Condicional (El Movimiento Ilegal)
14 retos Efectos y Asincronía
Mecánica de useEffect, race conditions, limpieza, hidratación y data fetching.
0/14- MediumArray de Dependencias Engañoso
- MediumuseLayoutEffect vs useEffect
- HardCondiciones de Carrera en useEffect
12 retos Rendimiento y Memoización
memo, useMemo, useCallback, división de contexto y prevención de re-renders.
0/12- MediumContext y Re-renders Innecesarios
- MediumReact.memo y Props de Callback
- MediumReducir Re-renders mediante Composición
10 retos React Concurrente 18 / 19
Suspense, useTransition, useDeferredValue, lazy loading y el hook use().
0/10- HardRenderizado Concurrente con useTransition
- HardSuspense con Error Boundaries
- HarduseDeferredValue para Búsqueda
3 retos Server Components y Fronteras
Dónde poner 'use client', el muro de serialización y el patrón children-slot.
0/3- MediumEmpuja 'use client' hasta la Hoja
- HardEl Muro de Serialización: Props RSC
- MediumShell de Cliente, Children de Servidor: el Patrón de Slot
6 retos Refs y APIs Imperativas
forwardRef, useImperativeHandle, useId, click-outside y tipado de refs.
0/6- MediumTipando forwardRef
- HardCadena de Reenvío de Refs
- HarduseImperativeHandle para API Personalizada de Ref
13 retos Patrones de Componentes
Compound components, HOCs, render props, tipos polimórficos y error boundaries.
0/13- HardComponentes Polimórficos con TS
- HardEventos Sintéticos vs Nativos
- EasyDefinición de Componente dentro del Render
9 retos Formularios y Entradas
Inputs controlados, validación, useActionState, debounce y formularios accesibles.
0/9- MediumComponentes Controlados vs No Controlados
- HardActualizaciones Optimistas de la Interfaz
- MediumFormulario Controlado con Validación en Tiempo Real
13 retos Patrones de UI
Portales, modales, focus traps, scroll infinito, drag-drop y virtualización.
0/13- HardPortal con Manejo de Eventos
- MediumPortal para Superposición de Modal
- MediumScroll Infinito con IntersectionObserver