Frontend

type Foo = { a: string; b: number; c: null; d: boolean; } // Claves de Foo type FooKeys = keyof Foo // ¿Cómo declarar un nuevo tipo basado en FooKeys, pero sin los valores b y d? type FooKeysWithoutBD

¿Cómo declarar un nuevo tipo basado en Foo, pero sin los campos a y c, sin usar Omit?

¿De qué depende el volver a renderizar un componente en React?

¿Cómo hacer que la construcción try/catch funcione con Promise? ¿Cómo hacer que Promise sea sincrónico usando async/await?

¿En qué orden se mostrará console.log y por qué? Explica el orden de ejecución del código síncrono y asíncrono (Event Loop, tareas macro y micro).

¿Cómo hacer que una función con genéricos acepte solo una cadena o una instancia de la clase Bar, y en otros casos arroje un error en TypeScript?

function delayFunc(fn, delay) { return function c(...args) { return new Promise((resolve) => { setTimeout(() => { fn(...args) }, delay * 1000) }) } } function sum(a, b) { console.log(a + b) } const delayedSum = delayFunc(sum, 5); await delayedSum(3, 2); //dentro de 5 segundos mostrará 5 await delayedSum(5, 3); //después de 5 segundos del anterior mostrará 8

¿Por qué pasar una función (c => c + 1) a setCount en lugar de simplemente setCount(tick + 1)?

<div class="list"> <div class="item">1</div> <div class="item">2</div> ... <div class="item">N-1</div> <div class="item">N</div> </div>

¿Se puede implementar lo mismo usando setTimeout en lugar de setInterval?

¿Qué es un array de dependencias en useEffect? ¿Qué pasará si se pasa un array vacío o si no se pasa en absoluto?

¿Cuál fue el enfoque para escribir CSS? ¿Estás familiarizada con el enfoque CSS-in-JS?

¿Existe una función foo que acepta argumentos de tipo any y los devuelve? ¿Cómo hacer para que el tipo de resultado no sea any, sino que corresponda al tipo del argumento pasado? Usa Genéricos.

Cuéntame sobre la tarea más difícil de toda tu experiencia.

Hay un componente App y un componente Rand de una biblioteca externa, que muestra un número aleatorio. Se debe hacer que cada 3 segundos el número aleatorio cambie, y mostrar un contador de los cambios. Todo esto solo en el componente App.

// Es necesario extraer la lógica de volver a renderizar en un hook externo separado, // que permita trabajar con el temporizador desde fuera (por ejemplo, detenerlo después de 10 segundos). // Se debe crear un nuevo componente RandOnce basado en el componente Rand, // que al usarse en App // no actualizará el número aleatorio cada 3 segundos, sino que mostrará un número aleatorio solo una vez.

¿En qué se diferencia la palabra clave type de la interfaz en TypeScript? Explica la herencia en tipos e interfaces.

¿Has evaluado la tarea, la has tomado y entiendes que la evaluaste incorrectamente y no podrás terminarla a tiempo? ¿Qué haces en ese momento?

Cuéntame sobre tu experiencia laboral. ¿Cómo se organizó el proceso de planificación de tareas?

¿Qué es useMemo? ¿En qué se diferencia de React.memo y useCallback?