Qual é a diferença entre componentes controlados e não controlados no React? Em que casos é melhor usar componentes não controlados?
Frontend
Determine a ordem de saída no console para o código que usa async/await e setTimeout.
O desenvolvedor recebe um token JWT após o login. O que fazer com ele? Onde é melhor guardar o token — no localStorage ou no cookie? Como guardar o token no cookie?
O componente será re-renderizado se não tiver props?
Suponha que não receba IDs do backend. Como você lidaria com isso?
Por que é que um gestor de estado (por exemplo, Redux) é melhor do que simplesmente dividir em partes os contextos?
Há um array de utilizadores que são exibidos através de map. Onde está o erro e o que falta aqui?
Como proteger a função de soma caso o backend possa enviar dados incorretos (indefinidos, strings em vez de números)?
Está tudo correto: o backend definiu um cookie HTTP-only. Mas ao atualizar a página, o cookie desaparece. Qual pode ser o problema?
Existem dois componentes: App e Child. Child está dentro de App e envolvido em memo. No App há um objeto user que é passado para o Child como prop, e um botão que altera o count. O que acontecerá ao clicar no botão? Como fazer para que o Child não seja rerenderizado?
Por que o RTK Query ou React Query são melhores do que uma fetch comum para requisições? Como o frontend entende quando precisa atualizar os dados?
Determine a ordem de saída no console para o código que usa setTimeout e Promise (tarefa sobre o Event Loop).
Tarefa Two Sum: dado um array de números e um número alvo target. Encontre os índices de dois números cuja soma seja igual ao target. Qual é a complexidade da sua solução?
Os dados tabulares vêm do backend na forma de uma matriz de objetos. Escreva uma função para calcular a soma do campo amount.
Que problemas um desenvolvedor iniciante enfrentará ao criar um grande useContext para toda a aplicação e usá-lo em todos os componentes? Quais ferramentas podem ajudar a contornar esse problema?
Como lidar com uma função passada como prop para um componente filho para evitar renderizações desnecessárias?
Para que serve realmente a chave (key) nas listas no React?