Mesmo utilizando a função memo, o meu navegador continuou renderizando duas vezes o elemento. Isso é normal?!
Mesmo utilizando a função memo, o meu navegador continuou renderizando duas vezes o elemento. Isso é normal?!
hoje, com a Alura e o Google Gemini
Sim, é normal e não está relacionado com a função memo.
Isso acontece porque a aplicação desse projeto, em desenvolvimento, está rodando no React.StrictMode (se você abrir o arquivo index.tsx da pasta src, vai ver esse StrictMode englobando a aplicação). Nesse modo, os componentes são renderizados duas vezes para te ajudar a verificar se o comportamento deles está correto. Por exemplo, se a resposta das duas renderizações não for igual, pode ser que haja um bug no seu código.
Na documentação eles dão mais detalhes sobre esse modo: https://pt-br.legacy.reactjs.org/docs/strict-mode.html