Solucionado
Olá, pessoal!
Gostaria de saber qual é a diferença entre criar o componente usando a extensão JS e JSX. Eu tinha visto já alguns videos sobre o React e em todos eu vi o pessoal criando componentes usando a extensão JSX. O que muda entre usar a extensão JSX ou JS?
Obrigada
Oi Amanda! Tudo bem?
Para arquivos React, você pode tanto usar a extensão .js, que é o padrão do JavaScript, ou então utilizar .jsx, que é uma extensão de sintaxe para JavaScript que te permite escrever HTML dentro de arquivos JavaScript.
Apesar das duas formas serem usáveis, caso você esteja utilizando a sintaxe JSX em seu arquivo, é interessante sinalizar a extensão correta .jsx para fins de organização. Além disso, quando utilizamos a extensão .jsx, as opções de autocomplete serão sugeridas, o que não acontece com a extensão .js.
Caso você queira explorar o JSX de forma mais profunda, recomendo a leitura da documentação do React sobre como escrever tags com JSX (em inglês, mas você consegue traduzir com a função do navegador).
Também tivemos um outro tópico que você pode acessar aqui em que o próprio instrutor comentou sobre o assunto e deu alguns direcionamentos que podem ser interessantes para você.
Espero ter ajudado! Caso tenha outras dúvidas, conte com o fórum ✨
Um abraço e bons estudos!