Frontend

Existe uma função customMap que faz quase o mesmo que um map normal de um array, mas ela não está tipada. É necessário tipá-la de modo que na quinta linha seja um array de strings, e na sétima, um array de números.

Fala um pouco sobre ti, o que te interessa em programação, a tua última experiência, talvez fizeste coisas complicadas.

Sabes o que é a métrica FCP (First Contentful Paint)? Suponha que temos uma aplicação em React — uma rede social com renderização do lado do servidor, e há um problema: quando um usuário acessa diretamente o perfil de alguém, fica uma tela branca por muito tempo. Podes descrever as etapas — o que acontece desde o momento em que o usuário pressiona Enter até o momento em que o primeiro conteúdo aparece?

Gostavas de trabalhar com Redux como gestor de estado para formulários complexos?

Como implementarias o cache no lado do cliente?

console.log(1) setTimeout(() => { console.log(2) }, 10) setTimeout(() => { Promise.resolve().then(() => console.log(3)) }, 0); setTimeout(() => { console.log(4) }, 0); new Promise((_, reject) => { console.log(5) reject(6) console.log(7) }).then(() => console.log(8)) .catch(() => console.log(9)) .then(() => console.log(10)) .catch(() => console.log(11)) .then(() => console.log(12)) .then(console.log) .finally(() => console.log(13)) console.log(14)

Complexidade adicional na tarefa com memoize: fazer com que a função memoize receba como segundo argumento o tempo de vida do cache em milissegundos, após o qual o cache é invalidado.

Há um código — é preciso entender o que ele faz, fazer uma revisão de código: quais são os problemas e o que pode ser melhorado.

Como funciona o cache de recursos no navegador — como o navegador decide se deve usar o cache ou recarregar, e como gerenciar isso? Quais são as formas de cache, incluindo Service Worker?

Já ouviu falar do helper Promise.withResolvers que apareceu recentemente no JavaScript? Precisa escrever o seu equivalente em vez da segunda linha.

Qual é a sua opinião sobre a metodologia FSD (Feature-Sliced Design)?

Podes mencionar alguns prós e contras do Redux?

Na página há uma lista de 5000 produtos, a página fica muito lenta. O negócio pede para fazer algo a respeito. O que sugeres?

O que acontece se colocar o atributo async em um script no head? Qual é a diferença entre async e defer?

Na página de amigos e no messenger, são exibidas informações semelhantes sobre os usuários. Existem duas opções: armazenar os usuários em slices locais de cada funcionalidade ou em um store global. Quais são as vantagens e desvantagens de um store global neste caso?

Fale sobre os seus empregos anteriores — o que de interessante fez?

Como obter dados de um slice de outra funcionalidade (por exemplo, o slice de usuários) na página de um usuário específico, sem violar as fronteiras entre módulos e sem fazer requisições desnecessárias?

Que alternativas ao Redux conheces e por que elas não têm as suas vantagens? Por que o Redux é bem testado e os contextos não?

#Formulário de inscrição React 1. Explique como funciona o StateProvider, partilhe os seus pensamentos com o entrevistador. 2. Veja /src/api/mock, explique como funciona. 3. Verifique a cor do SubmitButton e corrija-a. 4. Implemente a validação do formulário no componente Signup. (\*\*) Tenha em mente a tarefa número 9. Regras: - Os campos Username, Email, Password e Repeat Password devem ter pelo menos 6 caracteres; - Password deve corresponder a Repeat Password; - A validação deve ser feita ao clicar no botão "Sign Up"; - Os campos com valores inválidos devem ser marcados (props error e helperText); 6. A resposta da API pode ter um erro que deve ser exibido ao usuário próximo ao campo correspondente. 7. Certifique-se de que o componente UserName renderize o novo nome de usuário após uma submissão bem-sucedida. 8. Implemente o novo componente SignupSuccess. Deve ser exibido em vez do formulário de inscrição. 9. Implemente a validação do servidor para os campos apropriados.

Podes falar brevemente sobre a tua última experiência e o que esperas de um novo trabalho, o que procuras numa nova posição?