Porque usar arquivos .jsx e não somente .js . O que muda? Quais as vantagens?
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!
Porque usar arquivos .jsx e não somente .js . O que muda? Quais as vantagens?
Oi, Telmo! Tudo bom?
O JSX é uma extensão de sintaxe para o JavaScript. É como se ele permitisse que você escrevesse código HTML dentro do JavaScript. O React não requer o uso de JSX, mas a maioria das pessoas o considera útil como auxílio visual ao trabalhar com UI dentro do código JavaScript. Também permite que o React mostre mensagens de erro e aviso mais úteis, por exemplo, ao usar os arquivos com a extensão .js no VS Code você não tem uma opção de autocomplete. Agora quando usar arquivos com extensão .jsx o VS Code já mostra sugestões para completar tags HTML por exemplo.
Se quiser conhecer mais sobre o JSX e seu uso, recomendo ler a documentação do React que em um artigo só para falar sobre JSX. Boa Leitura!