Frontend

¿Cuál será la salida del siguiente código? ```javascript console.log(1); setTimeout(() => { console.log(2); }, 0); Promise.resolve().then(() => { console.log(3); }); console.log(4); setTimeout(() => { Promise.resolve().then(() => { console.log(5); }); }, 0); ```

Cuéntenos sobre el proceso de desarrollo y Git-flow en su equipo. ¿Cómo está organizado el proceso de revisión de código?

¿Qué es useEffectEvent y para qué sirve?

¿Para qué sirve el atributo key en las listas de React?

¿Qué gestores de estado se usaron? ¿Por qué es malo Redux?

¿Cómo solucionar el problema de cierre obsoleto en useCallback sin agregar dependencias en el array de dependencias?

¿Qué son los genéricos en TypeScript y para qué sirven?

import { useState, useCallback } from 'react' const Componente = () => { const [cuenta, setCuenta] = useState(0); const manejarClick = useCallback(() => { console.log(cuenta); }, []); return ( <div> <div onClick={() => setCuenta((prev) => prev + 1)}>Cuenta: {cuenta}</div> <div onClick={manejarClick}>Registrar</div> </div> ); };

Háblame sobre ti y tu última experiencia laboral.

¿Qué sucede al ingresar una URL en el navegador? Describa el proceso desde la consulta DNS hasta el renderizado de la página.

¿Qué recolectores utilizaste, escribiste tus propias configuraciones?

import { useEffect, useLayoutEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); useLayoutEffect(() => { console.log('3'); }, []); return <div>BCraft</div>; }

¿Qué es un cierre en JavaScript? Da un ejemplo.

¿Cómo abordaría la resolución de problemas de rendimiento en una aplicación React si un usuario se queja de retrasos?

¿Qué es el Event Loop en JavaScript? ¿En qué orden se ejecutan las tareas?

¿Cómo manejar la situación cuando las props se actualizan y la solicitud anterior aún no ha terminado? ¿Cómo evitar condiciones de carrera?

export const usePhoneMask = ({ mask, initialValue, maskPlaceholder, }: UsePhoneMaskParams): UsePhoneMaskReturn => { // código aquí };

import { useState, useEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); return <Child />; } function Child() { console.log('3'); useEffect(() => { console.log('4'); }, []); return <div>Bcraft</div>; }