Frontend

¿Has trabajado alguna vez con Lighthouse? Supón que te asignan la tarea de mejorar la métrica FCP (First Contentful Paint). ¿Qué ideas se te ocurren?

¿No ha ocurrido que en una función del producto se devuelvan muchas campos, y en otra función solo dos?

const customMap = (array, transform) => { // algo como array.map(transform); }; const stringResults = customMap([1, 2, 3], item => item.toString()); const lengths = customMap(["hola", "mundo"], item => item.length);

¿Cuáles son los problemas en el enfoque actual de carga de datos SSR y cómo se expandirán al agregar nuevas páginas?

¿Qué te gusta más hacer en el trabajo y qué no tanto? ¿Qué te lleva más tiempo del que te gustaría?

¿Cómo te desarrollas, cómo aprendes nuevas tecnologías, qué es lo último que recuerdas?

Implementa una función foo que tome un array y devuelva un objeto donde las claves sean los elementos del array y los valores sean todos 0.

¿En qué momento informarás que no podrás cumplir con el plazo?

¿Qué cosas interesantes y nuevas has aprendido recientemente en el mundo del frontend?

Cuéntame sobre tu último lugar de trabajo y los proyectos en los que estuviste involucrado.

Determina el orden de salida en la consola para el código con setTimeout, Promise, then, catch, finally y varias llamadas síncronas (tarea sobre el Event Loop).

¿Qué puede estar ocurriendo en el servidor durante la generación de HTML (SSR) — en qué gasta tiempo el servidor, qué problemas de rendimiento y seguridad pueden surgir al serializar datos?

¿Cuál es la diferencia entre usar hasOwnProperty y verificar directamente el valor mediante una condición (if o[x])? ¿Qué sucederá si el valor de la propiedad es false?

¿Qué mejoras se podrían hacer para aumentar la calidad del producto en el futuro?

¿Cómo se puede garantizar el soporte para formatos de imagen modernos (WebP, AVIF) en navegadores que no los soportan?

¿Para qué sirve React.lazy? ¿Qué beneficio aporta y cómo funciona internamente?

Implementa una función memoize que almacena en caché los resultados de llamadas a funciones asíncronas y no realiza una solicitud repetida si la llamada con los mismos argumentos ya se ha realizado.

<script> function sum(valueA) { throw 'No implementado' } console.log(sum(1)()); // 1 console.log(sum(1)(2)()); // 3 console.log(sum(1)(2)(-3)()); // 0 </script>

Hay una función customMap que hace casi lo mismo que un map normal de un array, pero no está tipada. Necesitamos tiparla de modo que en la quinta línea sea un array de cadenas, y en la séptima un array de números.

Necesitas escribir una función memoize, que sea un envoltorio para la memorización. Para simplificar, puedes asumir que la función siempre tendrá solo un argumento, y será un valor primitivo.