Descreva o caminho crítico do renderizador do navegador: desde a entrada da URL na barra de endereços até à renderização da página. Fale sobre DNS, TCP, HTTP, construção do DOM, CSSOM, Render Tree, Layout e Paint.
Frontend
O CSSOM bloque a renderização da página? Por quê?
O que é reflow e repaint? O que é um reflow forçado (re-renderização forçada)? Como podemos otimizar a renderização para reduzir o número de re-renderizações forçadas?
Em que casos ocorre a re-renderização (re-render) de um componente no React? Fale sobre reconciliation (conciliação).
Como fazer com que a função makeBook retorne os valores esperados 0 e 5 em vez de duas dezenas?
Como pode resolver uma tarefa que é resolvida por herança de forma alternativa? O que é composição no contexto de TypeScript e React?
Veja a função makeBook. Determine o que será exibido no console nas linhas 20-21 (duas linhas comentadas). Explique o comportamento da função.
Que padrões de design e princípios de qualidade de código você usa ao desenvolver em React/TypeScript? Como aplica os princípios SOLID no desenvolvimento frontend?
Refatore o componente que renderiza um número aleatório (a partir de Promise) e a posição de scroll. Encontre os problemas e corrija-os.
O que são HOC (Componentes de Ordem Superior)? Para que são usados? Dê exemplos de uso de HOC no React.
Para que são usados os genéricos em TypeScript? Como limitar um genérico a tipos específicos? O que é o narrowing de tipos e como é implementado?
Como funciona o Virtual DOM no React? Como o React determina a ordem de execução das operações ao re-renderizar? Fale sobre o React Fiber e o agendador (scheduler).
O que é CORS? Como funciona? Qual é a diferença entre pedidos simples (GET, POST) e pedidos preflight (OPTIONS)? O que o CORS verifica ao enviar uma solicitação?