Frontend

Como funciona o Event Loop — que filas existem, qual é a ordem de execução? Fale sobre microtarefas, macro tarefas, requestAnimationFrame, requestIdleCallback.

A resposta da API pode conter um erro que deve ser exibido ao utilizador junto ao campo correspondente.

Foi um serviço B2B ou B2C? Houve métricas para rastrear erros e experiência do usuário?

Há um filtro com abas. Ao alternar rapidamente entre as abas, às vezes aparecem valores antigos que não pertencem à aba atual. Qual é a causa e como corrigir?

Escreva a implementação do helper Promise.withResolvers() — uma função que cria uma Promise e retorna um objeto com três propriedades: promise, resolve e reject.

O que se pode fazer com as imagens para otimizar o desempenho da página?

Imagine uma página com muitas cartas e lazy loading (como no Stripchat). Quais casos extremos você vê, quais problemas podem surgir, o que você otimizaria? Como funciona a virtualização (React Window)?

Olhe para este código com SSR e a classe singleton i18n. Encontre um problema sério que pode estragar o HTML entregue ao usuário. Como corrigi-lo?

Não podemos etiquetar nem versionar através de CI/CD. O cliente pode estar numa versão, e o backend noutra. O que se pode fazer nestas condições além de monitorizar erros com Sentry?

É necessário criar um sinal de trânsito numa única div, incluindo uma pequena marca vermelha à direita.

Temos um grande projeto num monorepo com um fluxo de lançamento unificado. Decidimos dividi-lo e colocar o frontend em repositórios separados com seu próprio ciclo de lançamento. Surge o problema da desincronização das versões entre o backend e o cliente. Como você veria a solução para esse problema? Como organizar o trabalho para estar o mais protegido possível contra falhas em produção?

Por que os utilizadores não chegam à Store e como carregar utilizadores na Store?

Que redutores tem a Store e há algum redutor para colocar lá os utilizadores?

O que pode bloquear a renderização inicial no navegador após receber o HTML? O que pode ser feito com o carregamento síncrono de JS e CSS?

Onde era armazenado o cache normalizado? Era algum tipo de reativo?

Indicou quais consultas retornam entidades ou como isso funcionava quando estava perto da consulta?

Olhe para a função no editor: ela recebe um array de chaves e um objeto, e através do reduce copia apenas o objeto com as chaves especificadas. Como você chamaria essa função?

Ao navegar da página da lista de utilizadores para a página de um utilizador específico, há um carregamento longo (o carregador fica por 2 segundos devido a um atraso artificial). Como pode melhorar-se esta situação?

Se tivesse carta branca, que forma ideal criaria? Que abordagens, tecnologias e métodos usaria (validação, tratamento de erros, UX, DX)?

Vemos que o SSR não devolve nada em 2 segundos. Quais são as opções para melhorar isso?