1
resposta

DUVIDA

Qual diferença de alguns projetos que usam arquivo jsx e outros usam tsx, e alguns agora usam react com vite

1 resposta

Oi, João! Como vai?

Vamos falar um pouco sobre isso!

.jsx vs .tsx

  • Quando você vê .jsx, quer dizer que o projeto usa JavaScript puro com React. É mais simples, mas não tem checagem de tipos.
  • Já o .tsx é React com TypeScript. A vantagem é ter tipagem estática: você descreve o formato dos dados e o editor/compilador já te avisa se algo está fora do esperado. Isso ajuda a evitar erros bobos.

Sobre o Vite
Antigamente, muita gente usava o Create React App (CRA). Ele funciona, mas é mais pesado e lento para iniciar.
O Vite chegou para deixar tudo mais rápido (início do projeto, recarregar a página, build final). Hoje a maioria prefere começar projetos com ele.

Espero ter ajudado.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!