Frontend

Como se pode saber se há problemas com o formulário em produção, se ele parar de funcionar (por exemplo, não concluir o registo)?

A métrica TTFB (Time To First Byte) — como ela pode diminuir durante SSR, qual é a natureza das quedas e como pode ser melhorada? Descreva o que acontece desde o momento em que se pressiona Enter até algo aparecer na tela.

função promiseWithResolve() { // Não implementado } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Implemente a função callLimit, que limita o número de chamadas da função passada até um limite definido, e também fornece o método reset para redefinir o contador.

Deve escrever uma função sum que, ao ser chamada com um argumento, acumule um número, e ao ser chamada sem argumento, retorne o número acumulado. Por exemplo: sum(2)(1)(2)() deve retornar 5.

Imagine uma situação: pouco antes do lançamento, você encontra um bug que faz com que uma funcionalidade não funcione corretamente. O lançamento não pode ser adiado, mas você sabe que algo não está funcionando corretamente. O que você faria nessa situação?

O utilizador clicou no botão, recebeu uma grande quantidade de dados do backend e a tela ficou presa. O que poderia ter causado isso e como resolver o problema?

Implemente a tipagem em TypeScript para validar URLs, permitindo apenas URLs corretas do seguinte tipo: domínio base + caminho (users/orders/messages) + método (get/update/delete/ban). Strings arbitrárias devem causar erro de compilação.

Suponha que temos uma loja online, onde uma lista de produtos é exibida com 50 itens por página, com paginação. Quando o usuário muda para a segunda página, especialmente no telefone, ele vê quadrados brancos em vez de imagens por um longo tempo. Como fazer para que as imagens apareçam mais rapidamente?

export function foo(o, arr) { return arr.reduce((a, x) => { // se (o.hasOwnProperty(x)) a[x] = o[x]; if (o[x]) a[x] = o[x]; return a; }, {}); } const obj = {a: 's'} foo(obj, ['a'])

Já trabalhaste com CI/CD, talvez criaste alguns containers Docker ou configuraste pipelines?

Certifique-se de que o componente UserName exibe o novo nome de usuário após o envio bem-sucedido do formulário.

Já trabalhou com SSR? O que fazia — especificamente SSR, SSG ou apenas usava Next.js?

Perceba o que este código faz e como pode ser usado. Existe um helper semelhante no lodash — se você reconhecê-lo, pode simplesmente mencionar o nome.

Vamos supor que vemos que os estilos demoram muito a carregar cada vez que um utilizador entra no site ou atualiza a página. Tornar o CSS crítico é difícil. O que devemos verificar especificamente em CSS e em qualquer conteúdo estático em geral?

Já ouviu falar do Web Vitals e especificamente da métrica FCP? Conte-me o que sabe sobre as métricas Web Vitals.

O que pode bloquear o processo de parsing de HTML?

Um utilizador reclama que às vezes o botão não responde, mas localmente o problema não se reproduz. Quais são os seus passos para depuração? Quais podem ser as causas?

Como obter dados da API dentro de um thunk, considerando que a API é passada como argumento extra no middleware thunk?

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