Projetar um componente React para exibir uma estrutura de arquivos e pastas aninhadas: exibe corretamente a estrutura aninhada, pode ocultar e mostrar o conteúdo das pastas, solicita dinamicamente os dados do conteúdo das pastas ao expandi-las.
Frontend
Quais são as formas alternativas de converter uma string em um objeto? Quais são as desvantagens da recursão e quais as vantagens?
Fale um pouco sobre si, a sua experiência e projetos relevantes.
Fala-me mais detalhadamente sobre o teu último local de trabalho em termos técnicos, o que gostavas, o que não gostavas e em que direção gostarias de seguir.
Fale sobre o ciclo de vida de um componente React: as principais etapas de montagem, renderização e desmontagem.
Quando um monólito se transforma em micro-frontends? Com qual atributo e propriedade entendemos que agora são micro-frontends?
É possível enviar o corpo numa requisição GET?
É possível adicionar parâmetros de consulta numa requisição POST?
Em que se base a tua linha interna, que colocas e dizes: este microfrontend é simples, e este outro é complexo?
Como dividiu o monólito em microfrontends, usando quais tecnologias?
De que forma as suas bibliotecas estão conectadas?
Tarefa prática: dado um array de pontos com campos time e value. É necessário identificar grupos de pontos com o mesmo value e deixar apenas o início e o fim de cada grupo (para otimizar a construção de um gráfico linear).
Existem diferenças na renderização entre versões do React (por exemplo, 17 e 19)? O que sabe sobre renderização concorrente e Fiber?
Tarefa prática: dada uma string do tipo 'valor.valor.valor', é necessário convertê-la num objeto com aninhamento, onde cada chave é uma parte da string, e a última chave contém um objeto vazio.
Tarefa para escrever uma função que aceita uma string representando um conjunto de chaves separadas por pontos e a converte numa estrutura de objeto aninhada.
Como resolver o problema com o valor desatualizado no componente CommentsEditor, quando o useState não reage à mudança da prop de entrada? Como usar o useEffect para resolver esse problema?
Revisão de código dos componentes React Comments e CommentsEditor: identifique problemas lógicos e de UX no código (por exemplo, salvamento incorreto do índice ao fechar a cortina, problemas com a atualização do valor ao alterar as props).
Fala-me sobre CORS: o que é, para que serve, que tarefas resolve e como funciona.
Já teve que lidar com arquitetura, escrever módulos, desenvolver do zero? Está familiarizado com Feature-Sliced Design (FSD)?
Qual alternativa pode ser usada para evitar passar a propriedade onToggle por todos os níveis de aninhamento?