A missão do Replit é tornar a programação mais acessível. Oferecemos às pessoas computação em nuvem gratuita para que possam criar aplicativos em qualquer dispositivo. Uma das formas mais populares de criar aplicativos na Internet hoje é React. No entanto, historicamente, as ferramentas React têm sido lentas no Replit. Embora o ecossistema JavaScript tenha criado ótimas ferramentas para desenvolvedores profissionais, muitas das mais populares, como Create React App e Webpack, estão se tornando mais complexas e ineficientes.
Felizmente, vimos a comunidade JavaScript compreender esse desafio e passar a construir ferramentas mais rápidas e eficientes, o que significa que podemos finalmente entregar a experiência que nossos usuários esperam de nós.
Essa nova experiência se baseia no Vite , uma ferramenta de construção de JavaScript que permite um desenvolvimento rápido e econômico. O Vite vem com vários recursos, incluindo HMR ou Hot Module Replacement, um comando de construção que integra suas ferramentas com Rollup e suporte integrado para TypeScript e JSX.
Vite acelera o desenvolvimento com React. Acelera muito. Com o HMR, as alterações feitas são renderizadas em milissegundos, acelerando drasticamente a prototipagem da IU. Com isso em mente, decidimos reescrever nosso modelo React usando Vite e ficamos chocados ao ver como ele ficou mais rápido. É assim que parece em comparação com nosso antigo modelo CRA:
Nas últimas semanas, nosso novo modelo React ajudou nossos designers a criar protótipos de componentes de IU complexos e permitiu que muitos de nossos candidatos à engenharia criassem um aplicativo da web inteiro em apenas algumas horas em nossos sites (virtuais). Quando você vê isso em ação, é fácil perceber por quê:
Como funciona
O Vite funciona tratando seu código-fonte e suas dependências de maneira diferente. Ao contrário do seu código-fonte, as dependências não mudam com tanta frequência durante o desenvolvimento. O Vite tira proveito desse fato agrupando previamente suas dependências com o esbuild . Esbuild é um construtor JS escrito em Go que agrupa dependências de 10 a 100 vezes mais rápido do que alternativas baseadas em JavaScript como Webpack e Parcel.
Em seguida, ele fornece seu código-fonte por meio de módulos ES ou ESM nativos , que permitem ao navegador lidar com o pacote real.
Por fim, o Vite oferece suporte a HMR, o que garante que, ao editar um arquivo, apenas os módulos relevantes sejam substituídos, em vez de reconstruir todo o pacote, o que causa um recarregamento da página e redefine o estado. Ao contrário de outros construtores, Vite faz HMR em seus próprios módulos ES, o que significa que ele só precisa invalidar os módulos afetados ao editar o arquivo. Isso garante que os tempos de atualização sejam consistentemente rápidos e não sejam escalonados linearmente à medida que seu aplicativo cresce.
Vamos começar
Para começar, simplesmente bifurque nosso modelo React ou selecione React.js no menu suspenso ao criar um novo replay .
Vite também é agnóstico em termos de framework, então, se você não gosta do React, também pode usar nossos modelos Vue e Vanilla JS .
Esperamos que isso ajude você a dar vida às suas ideias ainda mais rápido e estamos ansiosos para ver o que você cria!