Frontend

¿Cómo se puede saber si hay problemas con el formulario en producción, si deja de funcionar (por ejemplo, no completa el registro)?

La métrica TTFB (Time To First Byte) — ¿cómo puede disminuir durante SSR, cuál es la naturaleza de las caídas y cómo se puede mejorar? Describe qué sucede desde el momento en que se presiona Enter hasta que aparece algo en la pantalla.

función promiseWithResolve() { // No implementado } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Implementa la función callLimit, que limite la cantidad de llamadas a la función pasada hasta un límite dado, y también proporcione el método reset para restablecer el contador.

Debe escribir una función sum que, al llamarla con un argumento, acumule un número, y al llamarla sin argumento, devuelva el número acumulado. Por ejemplo: sum(2)(1)(2)() debe devolver 5.

Imagina una situación: justo antes del lanzamiento encuentras un error que hace que una función no funcione correctamente. No se puede posponer el lanzamiento, pero sabes que algo no funciona bien. ¿Qué harías en esa situación?

El usuario pulsó un botón, llegó un gran conjunto de datos desde el backend y la pantalla se bloqueó. ¿Por qué pudo haber ocurrido esto y cómo resolver el problema?

Implementa la tipificación en TypeScript para validar URLs, permitiendo solo URLs correctas del siguiente tipo: dominio base + ruta (users/orders/messages) + método (get/update/delete/ban). Las cadenas arbitrarias deben provocar un error de compilación.

Supongamos que tenemos una tienda en línea donde se muestra una lista de productos de 50 en 50, con paginación. Cuando un usuario cambia a la segunda página, especialmente en el teléfono, en lugar de las imágenes, se muestran cuadrados blancos durante mucho tiempo. ¿Cómo podemos hacer para que las imágenes aparezcan más rápido?

¿Has trabajado con CI/CD, tal vez has creado algunos contenedores Docker o configurado pipelines?

export function foo(o, arr) { return arr.reduce((a, x) => { // if (o.hasOwnProperty(x)) a[x] = o[x]; if (o[x]) a[x] = o[x]; return a; }, {}); } const obj = {a: 's'} foo(obj, ['a'])

Supongamos que vemos que los estilos tardan mucho en cargarse cada vez que un usuario entra en el sitio o actualiza la página. Hacer CSS crítico es difícil. ¿Qué deberíamos verificar específicamente en CSS y en cualquier otro contenido estático?

Entiende qué hace este código y cómo se puede usar. Hay un helper similar en lodash — si lo reconoces, puedes simplemente nombrar el nombre.

¿Has trabajado con SSR? ¿Qué hacías: específicamente SSR, SSG o simplemente usabas Next.js?

Asegúrate de que el componente UserName muestre el nuevo nombre de usuario después de enviar el formulario con éxito.

¿Cómo obtener datos de la API dentro de un thunk, considerando que la API se pasa como argumento adicional en el middleware thunk?

¿Qué puede bloquear el proceso de análisis de HTML?

Un usuario se queja de que a veces no se puede pulsar el botón, pero localmente no se reproduce el problema. ¿Cuáles son tus pasos para depurar? ¿Cuáles pueden ser las causas?

¿Ha oído hablar de Web Vitals y específicamente de la métrica FCP? Cuéntenme lo que sabe sobre las métricas de Web Vitals.

¿Cómo funciona el Event Loop? ¿Qué colas existen y en qué orden se ejecutan? Explique las microtareas, macro tareas, requestAnimationFrame, requestIdleCallback.