DEV Community

Cover image for Tudo mudou para os desenvolvedores em React.js
Anderson Marlon
Anderson Marlon

Posted on

Tudo mudou para os desenvolvedores em React.js

"Se você é um desenvolvedor React, provavelmente já deve ter ouvido falar sobre o Create-React-App (CRA). Por anos, ele tem sido a escolha padrão para inicializar e configurar projetos React. No entanto, recentemente, o time do React anunciou que não recomenda mais o uso do CRA."

O padrão da indústria já não era mais o CRA por algum tempo, que foi substituído pela performance imbatível do Vite aliado ao seu suporte nativo ao TypeScript, isso até mesmo para mim, passei a utilizar o Vite pelo bundle ser bem menor e mais rápido de criar.

O CRA é uma ferramenta de linha de comando que ajuda a criar um novo projeto React com uma configuração padrão. Ele vem com todas as dependências necessárias e um ambiente de desenvolvimento configurado prontos para serem utilizados. Por outro lado, o Vite é um construtor de projetos que se concentra na eficiência de desenvolvimento em ambientes de desenvolvimento modernos. Ele é projetado para ser mais rápido e mais leve do que o CRA.

Mas por que o Vite está se tornando a nova escolha padrão para projetos React? Vamos dar uma olhada em algumas das principais diferenças entre essas duas ferramentas.

  • Mais rápido e mais leve do que o Create-React-App
  • Usa o esbuild para compilação, que é significativamente mais rápido do que o webpack
  • Permite que os desenvolvedores construam e recarreguem projetos mais rapidamente
  • Projetado para trabalhar com outras tecnologias modernas, como o TypeScript e o Vue.js (Vite e Vue.js têm o mesmo criador, Evan You)
  • Possui um ambiente de desenvolvimento mais moderno e atualizado
  • Suporta HMR (Hot Module Replacement) para atualizações de módulo mais rápidas durante o desenvolvimento
  • Permite importações dinâmicas com melhor suporte a tipos para otimização de carregamento de módulos
  • Oferece uma experiência de desenvolvimento mais suave e produtiva em geral.

Outra diferença importante é a forma como eles lidam com a inicialização do projeto. O CRA cria uma configuração padrão para o projeto, o que significa que você tem menos controle sobre a estrutura do projeto, tendo que ejetá-lo para fazer qualquer configuração personalizada. O Vite permite que você escolha como deseja configurar seu projeto, dando aos desenvolvedores mais flexibilidade e controle.

Em resumo, o Vite se tornou a escolha padrão para projetos React. Ele é mais rápido, mais leve e mais flexível do que o CRA, e é projetado para trabalhar com outras tecnologias modernas. Se você ainda não experimentou o Vite, agora é a hora de dar uma chance e ver como ele pode ajudar a melhorar sua eficiência de desenvolvimento.

Você pode ver esse artigo escrito originalmente no meu blog.

Top comments (0)