Vitejs 🆚 Create-react-app

Vite é uma ferramenta para o desenvolvedor(a) frontend, o significado de sua palavra vem do francês, que significa “rápido” . Criado por “Evan You”, o mesmo criador do Vue.js. O Vite promete :

• 💡 Servidor Instantâneo
• ⚡️ Hot reload ultrarrápido
• 🛠️ Suporte à: Typescript, JSX, CSS e mais…
• 📦 Compilações otimizadas usando rollup
• 🔩 Plugins universais
• 🔑Totalmente tipado

Pode ser usado

• JavaScript
• Vue.js
• React
• Preactjs
• LitElement
• Svelte

Criando seu primeiro projeto Vite

Você pode criá-lo com NPM ou Yarn

Em seguida você poderá adicionar o nome do projeto, nesse caso vamos chamá-lo de “projeto-vite”. Também podemos selecionar a framework que desejamos utilizar e em seguida entrar na pasta.

Passa a Passo

Coloque o nome do projeto

• Nesse caso escolhi o nome: projeto-vite

Instale as dependências

• Usei: npm i

Escolha a Framework que desejar

• Escolhi react

• Em seguida selecionei o tipo Typescript

✨E assim o projeto está pronto! ✨

Por fim, para entrar na pasta usei o comando cd projeto-vite e em seguida executei o npm run dev para iniciar o servidor.

✨ Essa será a primeira tela que aparecerá no seu navegador ✨

E essa será a estrutura do código.

Segue o link do repositório, para maior detalhes na estrutura de pastas e arquivos ➡ RayzaOliveira/projeto-vite (github.com)

Conclusão

Se comparado com o creat-react-app , o Vite é bem melhor, possuindo um build de 14x mais rápido e o tamanho é consideravelmente menor. O resultado é realmente incrível, como podemos ver na tabela abaixo, extraído da minha experiência, criando dois projetos ao mesmo tempo usando essas duas ferramentas.

Com certeza é uma opção a considerar na hora de criar seu novo projeto. Estou conhecendo esta esta ferramenta e ainda há bastante testes para serem feitos. Futuramente trarei mais relatos sobre essa ferramenta (Vite).