Rendimiento y Memoización
memo, useMemo, useCallback, división de contexto y prevención de re-renders.
- Media~20 min
Context y Re-renders Innecesarios
<Child /> está envuelto en React.memo, pero aún se re-renderiza cada vez que <Parent /> se actualiza. ¿Por…
- Context
- Re-renders
Comenzar reto - Media~20 min
React.memo y Props de Callback
MemoizedButton sigue re-renderizándose cuando Parent se actualiza. Corrígelo.
- useCallback
- React.memo
Comenzar reto - Media~20 min
Reducir Re-renders mediante Composición
SlowComponent se re-renderiza cuando color cambia. Optimízalo sin React.memo.
- Re-renders
- Composition
Comenzar reto - Fácil~10 min
La Prop key: Índice como Key
¿Por qué usar index como key es malo para una lista donde los elementos pueden reordenarse o eliminarse?
- key prop
Comenzar reto - Fácil~10 min
Agrupación Automática (React 18)
En React 18, si tienes dos actualizaciones de estado dentro de un setTimeout, ¿cuántas veces se renderiza el…
- Batching
Comenzar reto - Media~20 min
El Memo Inútil
El HeavyComponent está envuelto en React.memo, pero se re-renderiza cada vez que el usuario escribe en el…
- React.memo
Comenzar reto - Difícil~35 min
División de Context para Rendimiento
Un solo Context proporciona tanto datos de usuario como el tema, causando re-renders innecesarios. Cuando el…
- Context
Comenzar reto - Media~20 min
useMemo vs useCallback: Cuándo Usar Cada Uno
El componente se re-renderiza innecesariamente. Determina si usar useMemo o useCallback y corrige el problema…
- useMemo
- useCallback
Comenzar reto - Difícil~35 min
División de Context para Rendimiento
La aplicación re-renderiza todo cuando cambia cualquier valor del contexto. El objeto de usuario cambia…
- Context
Comenzar reto - Difícil~35 min
Optimización de Props Children
Incluso con React.memo, el componente hijo se re-renderiza porque la prop children cambia de referencia en…
- React.memo
- Composition
Comenzar reto - Media~20 min
Rollup en Una Pasada: reduce + Object.entries
Un dashboard de ventas: el feed crudo de órdenes más una tabla de ingresos por categoría. La base funciona de…
- React
Comenzar reto - Media~20 min
Dashboard de Ventas: GroupBy con Reduce Anidado
Una matriz de ventas regionales (filas de región × columnas de mes) cuyos números están bien pero cuya…
- React
Comenzar reto