Colaboradores não somem quando é dado um reload

Oii Leonardo, tudo bem?

Muito obrigada pelo seu feedback, ele nos ajuda muito a melhorar nossos cursos futuros. Ao final do curso você pode escrever um feedback sobre a necessidade de ter esse vídeo explicativo, os responsáveis pelo curso irão receber seu feedback diretamente.

Mas vamos para a explicação da sua dúvida.

No código do App.js, temos uma constante inicial que é uma array de objetos que representa os colaboradores iniciais da sua aplicação. Cada objeto dentro do array possui informações sobre um colaborador, como nome, cargo, imagem e o time ao qual pertence.

Esses colaboradores iniciais são utilizados como estado inicial para o hook useState que definimos com o nome colaboradores. Esse estado é então utilizado para renderizar a seção de times na nossa aplicação.

Ao recarregar a página, o estado colaboradores é reinicializado com o valor da constante inicial, fazendo com que os colaboradores voltem a aparecer na página principal. Isso acontece porque a lógica de inicialização dos colaboradores está dentro da função de componente App e é executada sempre que o componente é montado.

Espero ter esclarecido sua dúvida.

Um abraço e bons estudos.