Frontend

¿Cómo optimizar la carga de imágenes en las tarjetas que son visibles en el viewport? ¿Cómo resolver el problema de condición de carrera al cambiar rápidamente de contenido (por ejemplo, YouTube Shorts)?

¿Qué se utilizó para trabajar con formularios multidimensionales, para la validación, qué problemas se encontraron, cómo se probaron?

¿Cómo solucionar el problema de solicitudes de datos redundantes en el cliente, cuando los datos ya se cargaron en el servidor a través de SSR?

Mencionaste Docker, CI/CD, GitHub Actions, GitLab — ¿puedes explicar qué exactamente hacías, qué pipelines, qué había en los contenedores?

En la página hay un reproductor. Es necesario hacer que al presionar detener en una pestaña, la reproducción se detenga también en otra pestaña. ¿Cómo implementarías la comunicación entre pestañas?

Implementa la validación del lado del servidor para los campos correspondientes.

¿Cómo se puede almacenar en caché los datos en el servidor para acelerar la carga de los usuarios?

¿Cómo se intercambiaban los archivos en el chat: simplemente con una solicitud POST o había archivos grandes?

¿Cómo funciona la virtualización de listas? ¿Cómo se implementa técnicamente a través de JavaScript?

Diseña la señal de STOP (un círculo rojo con una franja blanca y un borde doble) usando solo un div y CSS (los pseudo-elementos están permitidos).

#Formulario de registro en React 1. Explica cómo funciona StateProvider, comparte tus pensamientos con el entrevistador. 2. Echa un vistazo a /src/api/mock, explica cómo funciona. 3. Revisa el color del SubmitButton y corrígelo. 4. Implementa la validación del formulario en el componente Signup. (\*) Ten en cuenta la tarea número 9. Reglas: - Los campos de Nombre de usuario, Correo electrónico, Contraseña y Repetir contraseña deben tener al menos 6 caracteres; - La contraseña debe coincidir con la repetida; - La validación debe realizarse al hacer clic en el botón "SignUp"; - Los campos con valores inválidos deben marcarse (props error y helperText); 6. La respuesta de la API puede tener un error que debe mostrarse al usuario cerca del campo correspondiente. 7. Asegúrate de que el componente UserName renderice el nuevo nombre de usuario después de un envío exitoso. 8. Implementa el nuevo componente SignupSuccess. Debe mostrarse en lugar del formulario de registro. 9. Implementa la validación del servidor para los campos apropiados. --- Código de mock.ts: ```typescript const fakeResponse = (userName) => ({ code: 200, user: { id: 42, userName, }, }); let a = 0; const api = { '/signup': function (userName: string, email: string, password: string) { a++; return new Promise((resolve, reject) => { setTimeout(() => { if (a % 2 === 0) { return resolve(fakeResponse(userName)); } else { return reject( new Error( `El nombre de usuario "${userName}" ya está en uso. Por favor, intenta con otro.` ) ); } }, 500); }); }, }; export default api; ```

Implementa la tipificación de TypeScript para la función customMap, que acepta un array de cualquier tipo y una función transformadora que devuelve otro tipo. La función transformadora debe aceptar tres argumentos (como el callback en Array.map).

¿Con qué marcos o herramientas trabajas? ¿Utilizas herramientas de IA en tu trabajo?

#Formulario de registro en React 1. Explica cómo funciona StateProvider, comparte tus pensamientos con el entrevistador. 2. Echa un vistazo a /src/api/mock, explica cómo funciona. 3. Revisa el color del SubmitButton y corrígelo. 4. Implementa la validación del formulario del cliente en el componente Signup. (* ) Ten en cuenta el número de tarea 9. Reglas: - Los campos de Nombre de usuario, Correo electrónico, Contraseña, Repetir contraseña deben tener al menos 6 caracteres de longitud; - La contraseña debe coincidir con la de Repetir contraseña; - La validación debe realizarse al hacer clic en el botón "Registrarse"; - Los campos con valores inválidos deben marcarse (props error y helperText); 6. La respuesta de la API puede tener un error que debe mostrarse al usuario cerca del campo correspondiente. 7. Asegúrate de que el componente UserName renderice el nuevo nombre de usuario después de un envío exitoso. 8. Implementa el nuevo componente SignupSuccess. Debe mostrarse en lugar del formulario de registro. 9. Implementa la validación del servidor para los campos apropiados.

¿Cómo se entregaban las versiones, cómo se probaban, con qué frecuencia se lanzaban?

Tenemos una interfaz muy grande en monorepo, en la que trabajan muchos equipos diferentes al mismo tiempo. No podemos migrar a micro-frontend. ¿Cómo minimizar los riesgos de que diferentes equipos afecten el trabajo de los demás?

¿Qué sueles hacer si sientes que el desarrollo está en marcha y estás un poco retrasado respecto a los plazos? Hay una fecha de lanzamiento, pero entiendes que no podrás terminar la tarea a tiempo.

Implementa la función promiseWithResolver (promesa diferida), que devuelve un objeto con los campos resolve y promise.

¿Cómo descubres algo nuevo sobre programación y qué es lo último que te ha quedado en la memoria?

Mira este fragmento de código: comprende qué hace y escribe un ejemplo sencillo de uso. También hay un helper similar en lodash.