React & TypeScript
26 preguntas · 5 preguntas de salida · 5 retos · 3 simulacros
Fundamentos de React
Componentes y props
¿Qué es un componente en React y qué son las props?
Estado vs props
¿Cuál es la diferencia entre state y props en React?
¿Qué es JSX?
¿Qué es JSX y en qué se diferencia de HTML?
Listas y keys
¿Para qué sirven las keys cuando renderizas una lista en React y por qué no se recomienda usar el índice?
¿Qué es React?
¿Qué es React y qué problema resuelve?
Renderizado y re-renders
¿Cuándo se re-renderiza un componente en React?
Hooks
Custom hooks: reutilizar lógica con estado
¿Qué es un custom hook y cuándo crearías uno? ¿Dos componentes que usan el mismo custom hook comparten estado?
Reglas de los hooks
¿Cuáles son las reglas de los hooks y por qué existen? ¿Qué pasa si llamo un hook dentro de un if?
useEffect: efectos secundarios y cleanup
¿Para qué sirve useEffect y cuándo se ejecuta? ¿Qué diferencia hay entre pasar `[]`, pasar dependencias o no pasar arreglo?
useMemo y useCallback: memorización e igualdad referencial
¿Para qué sirven useMemo y useCallback? ¿Cuándo los usarías y cuándo serían una optimización prematura?
useRef: valores mutables y referencias al DOM
¿Qué es useRef y en qué se diferencia de useState?
useState: estado en componentes de función
¿Cómo funciona useState? Si llamo a la función set, ¿el valor cambia inmediatamente?
Fundamentos de TypeScript
any vs unknown vs never
¿Cuál es la diferencia entre `any`, `unknown` y `never`? ¿Cuándo usarías cada uno?
Generics
¿Qué son los generics en TypeScript y para qué sirven?
Interface vs type
¿Cuál es la diferencia entre `interface` y `type` en TypeScript? ¿Cuál usas y por qué?
Tipos básicos e inferencia
¿Qué aporta TypeScript sobre JavaScript y cómo funciona la inferencia de tipos?
Union types y narrowing
¿Qué es un union type y qué es el narrowing en TypeScript?
Utility types
¿Qué utility types de TypeScript conoces y para qué sirven?
React con TypeScript
Children y composición
¿Cómo tipas `children` en un componente y para qué sirve la composición en React?
Tipar estado y hooks
¿Cómo se tipa `useState` en TypeScript? ¿Siempre hay que pasarle el tipo?
Tipar eventos en React
¿Cómo tipas los eventos en React con TypeScript? Por ejemplo, el `onChange` de un input o el `onSubmit` de un formulario.
Tipar props de un componente
¿Cómo tipas las props de un componente en React con TypeScript?
Estado y patrones
Context y prop drilling
¿Qué es el prop drilling y cómo lo resuelve Context?
useReducer
¿Cuándo usarías `useReducer` en lugar de `useState`?
Lifting state up (levantar el estado)
¿Qué significa "levantar el estado" en React y en qué situación lo harías?
Componentes controlados vs no controlados
¿Cuál es la diferencia entre un componente controlado y uno no controlado en React?
Retos de código
¿Qué imprime este código?
¿Qué imprime? #001
enums numéricos y de cadena, ?? vs ||, optional chaining.
¿Qué imprime? #002
los tipos se borran en tiempo de ejecución, narrowing con typeof,
¿Qué imprime? #003
orden de render padre → hijo, qué hace <StrictMode> en desarrollo.
¿Qué imprime? #004
el estado no cambia inmediatamente, batching, forma funcional de setState.
¿Qué imprime? #005
render vs efecto, cleanup, arreglo de dependencias de useEffect.