Como determines quando é necessário envolver uma função em useCallback e quando não é? Como isso é feito no teu projeto?
Frontend
Por que é melhor colocar a lógica de definir a bandeira em ref/variável dentro do manipulador no useEffect? Explique por que a abordagem atual (sem useEffect) é ruim.
Para que servem as chaves na lista de elementos? O que acontece se não as especificar?
Se uma tarefa como esta (uma lista de chaves com a possibilidade de aplicar e remover) chegasse a você como desenvolvedor frontend, você acharia essa estrutura de API adequada ou sugeriria outra?
Por que no exemplo console.log(4) é exibido no final, e não console.log(6)?
Como está estruturada a interação com o backend no seu projeto: acordos sobre a API, onde é armazenada a lógica das requisições (hooks, módulos, etc.)?
Por que é necessária uma função/estado separado para contar as chaves usadas — é possível calcular isso, em vez de armazenar separadamente?
Fala-me do projeto em que estás a trabalhar e da tua interação com ele
Quantos desenvolvedores frontend há na sua equipa?
Como é que é construída a interação com os analistas e o gestor de produto na definição de tarefas?
Sucesso! A exportação está concluída! Por favor, teste o arquivo de saída no seu leitor/editor desejado antes de excluir o arquivo fonte. Se a saída não parecer correta, consulte o menu Ajuda. Os pontos de corte podem ser imprecisos.
Para que serve o forwardRef no código para o botão e o que acontecerá se não o usar?