Frontend

Imagine una página con muchas tarjetas y carga perezosa (como en Stripchat). ¿Qué casos extremos ves, qué problemas podrían surgir, qué optimizarías? ¿Cómo funciona la virtualización (React Window)?

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?

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

La respuesta de la API puede contener un error que debe mostrarse al usuario junto al campo correspondiente.

¿Qué se puede hacer con las imágenes para optimizar el rendimiento de la página?

¿Fue un servicio B2B o B2C? ¿Había métricas para rastrear errores y experiencia del usuario?

Hay un filtro con pestañas. Al cambiar rápidamente entre pestañas, a veces se muestran valores antiguos que no corresponden a la pestaña actual. ¿Cuál es la causa y cómo se puede solucionar?

Mire este código con SSR y la clase singleton i18n. Encuentra un problema grave que podría arruinar el HTML entregado al usuario. ¿Cómo lo solucionarías?

¿Qué puede bloquear el primer renderizado en el navegador después de recibir el HTML? ¿Qué se puede hacer con la carga síncrona de JS y CSS?

Si tuvieras carta blanca, ¿qué forma ideal crearías? ¿Qué enfoques, tecnologías y métodos usarías (validación, manejo de errores, UX, DX)?

No podemos etiquetar ni versionar a través de CI/CD. El cliente puede tener una versión, y el backend otra. ¿Qué se puede hacer en estas condiciones además de monitorear errores con Sentry?

Tenemos un gran proyecto en un monorepo con un flujo de lanzamiento unificado. Decidimos dividirlo y sacar el frontend en repositorios separados con su propio ciclo de lanzamiento. Surge el problema de la desincronización de versiones entre el backend y el cliente. ¿Cómo verías la solución a este problema? ¿Cómo organizarías el trabajo para estar lo más protegido posible contra fallos en producción?

Necesitas diseñar una señal de tráfico en un solo div, incluyendo una pequeña marca roja a la derecha.

¿Por qué los usuarios no llegan a la tienda y cómo cargar usuarios en la tienda?

¿Qué reductores tiene Store y hay algún reductor para poner allí a los usuarios?

Al navegar desde la página de lista de usuarios a la página de un usuario específico, hay una carga prolongada (el cargador permanece durante 2 segundos debido a un retraso artificial). ¿Cómo se puede mejorar esta situación?

¿Indicó qué consultas devuelven entidades o cómo funcionaba eso cuando estuvo cerca de la consulta?

¿Dónde se almacenaba la caché normalizada? ¿Era reactiva de alguna manera?

Mira la función en el editor: toma un array de claves y un objeto, y mediante reduce copia solo el objeto con las claves especificadas. ¿Cómo llamarías a esta función?

Vemos que SSR no devuelve nada en 2 segundos. ¿Qué opciones hay para mejorar esto?