Frontend

¿Puedes explicar la diferencia entre SSR, CSR y SSG?

¿Qué es gRPC y para qué se utiliza?

Cuéntame sobre los enfoques arquitectónicos: FSD, monolito modular. ¿Qué arquitectura elegir para un MVP pequeño?

¿Cómo manejar en el cliente una operación asíncrona prolongada (verificación de archivos en busca de virus, hasta una hora)?

¿Qué ocurrirá en términos de reflow y repaint al usar display:none vs visibility:hidden?

¿Qué son keyof y typeof en TypeScript?

¿Qué son Pick y Omit en TypeScript?

¿Cuál es la diferencia entre REST y GraphQL?

// ¿Qué se mostrará en la consola? const p1 = Promise.resolve(1); const p2 = new Promise((_, reject) => setTimeout(() => reject("Error"), 100)); const p3 = Promise.resolve(3); Promise.all([p1, p2, p3]) .then(console.log) .catch(console.error); Promise.allSettled([p1, p2, p3]).then(console.log);

¿El cambio en un método privado viola el principio de abierto/cerrado?

¿Qué protocolos de autenticación y autorización conoces? Habla sobre JWT.

```javascript console.log("Start"); setTimeout(() => { console.log("Timeout 1"); Promise.resolve().then(() => console.log("Promise inside Timeout")); }, 0); Promise.resolve() .then(() => { console.log("Promise 0"); setTimeout(() => console.log("Timeout inside Promise"), 0); }) .catch(() => console.log("Promise 1")) .then(() => console.log("Promise 2")); function foo() { Promise.resolve().then(() => { console.log("Promise 3"); foo(); }); } foo(); requestAnimationFrame(() => { console.log("RequestAnimationFrame"); }); console.log("End"); // Start // END // "Promise 0" // Promise 2 // // Timeout 1 // Promise inside Timeout // RequestAnimationFrame // Timeout inside Promise ```

¿Cuál es la diferencia entre una función de flecha y una función normal en JavaScript?

Códigos de estado HTTP: ¿qué significan 401, 403, 500, 200, 201?

¿Qué propiedades CSS provocan solo Repaint y cuáles provocan Reflow/Layout?

¿Qué tipos de ataques en el frontend conoces? ¿Cómo protegerse?

Cuéntame sobre los principios SOLID

¿Dónde se pueden almacenar datos en el cliente en el navegador?

¿Cuál es la diferencia entre programación orientada a objetos y programación funcional? ¿Qué es una función pura?

// ¿Cómo se puede optimizar este código asíncrono en un ciclo para que las promesas se ejecuten de forma asíncrona async function processItems() { const items = [1, 2, 3]; for (const item of items) { await new Promise((resolve) => setTimeout(resolve, 100)); console.log(item); } } processItems();