Frontend

Implementa un nuevo componente SignupSuccess. Debe mostrarse en lugar del formulario de registro después de un registro exitoso.

Cuéntame un poco sobre ti, en qué te interesa la programación, tu última experiencia, quizás has hecho cosas complicadas.

¿Sabes qué es la métrica FCP (First Contentful Paint)? Supón que tenemos una aplicación en React — una red social con renderizado en el servidor, y hay un problema: cuando un usuario entra directamente en el perfil de alguien, la pantalla en blanco permanece mucho tiempo. ¿Puedes describir las etapas — qué sucede desde el momento en que el usuario presiona Enter hasta que aparece el primer contenido?

¿Te gustaba trabajar con Redux como gestor de estado para formularios complejos?

¿Cómo funciona el almacenamiento en caché de recursos en el navegador: cómo entiende el navegador si debe tomarlo de la caché o volver a cargarlo, y cómo gestionar esto? ¿Cuáles son las formas de almacenamiento en caché, incluyendo Service Worker?

¿Cómo implementarías el almacenamiento en caché en el lado del cliente?

console.log(1) setTimeout(() => { console.log(2) }, 10) setTimeout(() => { Promise.resolve().then(() => console.log(3)) }, 0); setTimeout(() => { console.log(4) }, 0); new Promise((_, reject) => { console.log(5) reject(6) console.log(7) }).then(() => console.log(8)) .catch(() => console.log(9)) .then(() => console.log(10)) .catch(() => console.log(11)) .then(() => console.log(12)) .then(console.log) .finally(() => console.log(13)) console.log(14)

Complejidad adicional en la tarea con memoize: hacer que la función memoize reciba como segundo argumento el tiempo de vida del caché en milisegundos, después del cual el caché se invalida.

Hay código — hay que entender qué hace, hacer una revisión de código: cuáles son los problemas y qué se puede mejorar.

¿Has oído hablar del helper Promise.withResolvers que apareció recientemente en JavaScript? Necesitas escribir su equivalente en lugar de la segunda línea.

¿Qué opinas de la metodología FSD (Feature-Sliced Design)?

¿Puedes nombrar un par de ventajas y desventajas de Redux?

En la página hay una lista de 5000 productos, la página se ralentiza mucho. El negocio pide que hagas algo al respecto. ¿Qué propones?

¿Qué sucederá si se añade el atributo async a un script en el head? ¿Cuál es la diferencia entre async y defer?

En la página de amigos y en el mensajero se muestra información similar sobre los usuarios. Hay dos opciones: almacenar los usuarios en slices locales de cada función o en un store global. ¿Cuáles son las ventajas y desventajas de un store global en este caso?

Cuéntame sobre tus trabajos anteriores: ¿qué cosas interesantes hiciste?

¿Cómo se puede obtener datos de un slice de otra característica (por ejemplo, el slice de usuarios) en la página de un usuario específico, sin violar los límites entre módulos y sin hacer solicitudes innecesarias?

¿Qué alternativas a Redux conoces y por qué no tienen sus ventajas? ¿Por qué Redux se prueba bien y los contextos no?

#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 de Repetir contraseña; - La validación debe realizarse al hacer clic en "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.

¿Puedes contar brevemente sobre tu última experiencia y qué esperas de un nuevo trabajo, qué buscas en una nueva posición?