- Tem alguma diferença ao usar uma ou outra - jsx ou js, extensao de arquivo?
- O que pode acontecer caso não use a extensao js nos imports, mesmo sem colocar nos arquivos q precisam, como o route.js, a aplicação funciona normalmente?
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!
Olá, Thiago!
Tudo bem?
No caso específico do React, a extensão de arquivo mais comumente usada é o ".jsx". O React permite o uso do JSX para escrever componentes de interface de usuário de forma mais declarativa, combinando JavaScript com sintaxe semelhante a XML ou HTML.
O JSX é uma extensão de sintaxe do JavaScript que o React usa para definir a estrutura e a aparência dos componentes. Embora o código JSX seja escrito em arquivos com a extensão ".jsx", eles são eventualmente transpilados para JavaScript puro antes de serem executados no navegador.
Ao importar arquivos em um projeto React, geralmente é uma boa prática especificar a extensão de arquivo correta. Embora seja possível omitir a extensão em alguns casos, incluí-la ajuda a garantir que as ferramentas de compilação e execução do React possam identificar e processar corretamente os arquivos importados.
Portanto, ao desenvolver em React, é comum usar a extensão de arquivo ".jsx" para arquivos que contêm código JSX e especificar corretamente a extensão de arquivo nos imports para garantir um funcionamento adequado e manter o código legível e compreensível.
Espero ter ajudado e bons estudos!