Frontend

Qual será a saída do seguinte 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); ```

Fale-nos sobre o processo de desenvolvimento e Git-flow na sua equipa. Como está organizado o revisão de código?

O que é o useEffectEvent e para que serve?

Para que serve o atributo key nas listas React?

Quais gestores de estado foram usados? Por que o Redux é ruim?

Como resolver o problema de closure obsoleta no useCallback sem adicionar dependências na matriz de dependências?

O que são genéricos em TypeScript e para que servem?

import { useState, useCallback } from 'react' const Componente = () => { const [contagem, setContagem] = useState(0); const handleClick = useCallback(() => { console.log(contagem); }, []); return ( <div> <div onClick={() => setContagem((prev) => prev + 1)}>Contagem: {contagem}</div> <div onClick={handleClick}>Registar</div> </div> ); };

Fale sobre si mesmo e sua última experiência de trabalho.

O que acontece ao inserir uma URL no navegador? Descreva o processo desde a consulta DNS até à renderização da página.

Quais os coletores utilizados, escreveram configurações próprias?

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

O que é um closure em JavaScript? Dê um exemplo.

Como abordaria a resolução de problemas de desempenho numa aplicação React se um utilizador se queixa de atrasos?

O que é o Event Loop em JavaScript? Em que ordem as tarefas são executadas?

Como lidar com a situação quando as props foram atualizadas e a solicitação anterior ainda não foi concluída? Como evitar condições de corrida?

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

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>; }