Salve, Fefa! o/
Boa pergunta! Realmente é comum nomear arquivos com letra minúscula, tipo banner.js
. Mas no React a galera costuma usar letra maiúscula no nome do arquivo quando o que tá ali dentro é um componente.
Não é uma regra da linguagem, tá? O React não exige que o nome do arquivo seja com maiúscula — a exigência é só pro nome do componente exportado (tipo function Banner). Mas como é quase sempre 1 componente por arquivo, muita gente segue essa convenção pra manter tudo alinhado: se o componente é Banner, o arquivo vira Banner.jsx.
Ajuda na organização, deixa tudo mais legível e evita aquele quebra-cabeça de tentar achar onde cada coisa tá no projeto. É mais uma questão de convenção de time/projeto do que de necessidade técnica.
Se quiser seguir outro padrão (como banner.jsx), também funciona, só tenta manter o estilo consistente no projeto inteiro
Vida longa e próspera \o