Estou em duvida do por que existir duas pastas assets uma dela estar na public e outra no src, qual a diferença delas ?
Estou em duvida do por que existir duas pastas assets uma dela estar na public e outra no src, qual a diferença delas ?
Olá Guilbert, tudo bem contigo?
Sobre a diferença que existe entre essas duas pastas de assets, falando de uma forma bem concisa a maior diferença entre essas duas pastas seria basicamente a forma em que os arquivos que estão alocados dentro delas, são mostrados e exportados para o navegador.
Ou seja, na pasta "public/assets", os arquivos colocados lá seriam basicamente os arquivos que estão, de grosso modo falando, em sua forma final, ou seja, "prontos"! De uma forma mais específica, os arquivos colocados ali, serão acessados diretamente pelo navegador sem a necessidade de modificações.
Já os arquivos da pasta "src/assets" é usada para armazenar arquivos que serão processados, concatenados, compilados e incluídos no pacote de construção do React, ou seja, são os arquivos que possuem um código-fonte e precisam ser processados para virar uma informação visual e acessível ao usuário.
Existem outras diferenças menores também entre elas, como, por exemplo:
A forma de serem acessadas:
Por exemplo, se você tiver um arquivo de imagem chamado "logo.png" na pasta "public/assets", você poderá acessá-lo em seu aplicativo React usando o URL absoluto "/assets/logo.png".
Agora se você tiver um arquivo de imagem chamado "logo.png" na pasta "src/assets", você pode importá-lo em seu código usando um caminho relativo, como "../assets/logo.png". O Webpack resolverá esse caminho e incluirá o arquivo no pacote final do aplicativo.
OBS: A pasta "src/assets" é útil para arquivos estáticos que precisam ser processados ou importados pelo sistema de build do React, como arquivos CSS, arquivos de imagem que precisam ser otimizados, arquivos de ícone ou qualquer outro recurso estático que faça parte do processo de construção do aplicativo.
Em resumo a pasta "public/assets" é usada para arquivos estáticos servidos diretamente pelo servidor, enquanto a pasta "src/assets" é usada para arquivos estáticos que são processados e importados pelo Webpack ou outro sistema de build do React.
De forma geral era isso, caso não tenha entendido algo, ou precisar de ajuda com relação ao conteúdo recorra ao fórum!
E se precisar estarei à disposição para ajudar também, espero ter ajudado, um abraço e bons estudos.