Por ser imagens que fazem parte da logica do código o mais recomendado não seria utilizar no src mesmo ?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Por ser imagens que fazem parte da logica do código o mais recomendado não seria utilizar no src mesmo ?
Oii, Guilbert! Tudo bem?
Nesse contexto, é uma boa prática utilizar o public, Gilbert.
Quando colocamos um arquivo na pasta src ele será processado pelo Webpack (a ferramenta de empacotamento usada pelo Create React App) e será incluído no arquivo de bundle final. O que é útil para arquivos como código JavaScript ou CSS, que você quer que sejam minificados e otimizados.
E, quando adiciona um arquivo na pasta public, ele não é processado pelo Webpack. Em vez disso, ele é copiado diretamente para a pasta de build final. Além disso, a pasta public é usada para colocar arquivos que sejam acessíveis por uma URL absoluta, o que é necessário para referenciar imagens de forma dinâmica.
Vamos usar o exemplo da aula, as imagens dos pratos são movidas para a pasta public para poderem ser referenciadas dinamicamente. Feito isso, em vez de ter que importar cada imagem individualmente no código, podemos simplesmente referenciar a URL da imagem no código e deixar o navegador carregar a imagem.
Espero ter ajudado a entender melhor. Qualquer dúvida, não hesite em recorrer ao fórum.
Bons estudos!