Folosiți în continuare create-react-app pentru a vă configura proiectul React? Treceți la Vite pentru o performanță mai bună și o viteză de dezvoltare mai rapidă.

Când pornesc un nou proiect React, mulți dezvoltatori apelează la create-react-app ca instrument de comandă de bază pentru setarea și configurarea proiectelor. Cu toate acestea, Vite este o alternativă mai bună. Oferă timpi de dezvoltare mai rapizi și performanțe mai bune.

Ce este Vite?

Vite este un instrument de construcție și un server de dezvoltare conceput pentru a îmbunătăți procesul de dezvoltare a aplicațiilor web moderne. Face acest lucru prin împărțirea modulelor aplicației în dependențe și cod sursă. Dependențele sunt module care nu se schimbă des, în timp ce codul sursă este de obicei editat frecvent în timpul dezvoltării.

Vite foloseste esbuild, un bundler bazat pe Go care este semnificativ mai rapid decât bundlerele tradiționale bazate pe JavaScript pentru a accelera procesul de compilare a codului sursă. De asemenea, pre-grupează dependențele aplicației dvs. și servește codul sursă peste ESM nativ, permițând browserelor să optimizeze încărcarea modulelor pentru o aplicare mai eficientă și mai rapidă performanţă. Când vine timpul să implementați aplicația dvs. în producție, Vite are o comandă de compilare încorporată care optimizează automat aplicația pentru implementare, asigurându-vă că aplicația dumneavoastră funcționează fără probleme.

instagram viewer

Crearea unui proiect Vite

Înainte de a crea un proiect Vite, rețineți că Vite necesită versiunea Node.js 14.18+ sau 16+. Puteți consulta aceste articole pentru a instala Node pe mașina dvs. Windows sau Ubuntu.

  • Cum să instalați Node.js pe Windows.
  • Învăța cum se instalează Npm și Node.js pe Ubuntu

Creați un proiect Vite rulând această comandă în terminal.

npm create vite@latest

Odată ce comanda începe să se execute, vi se va solicita un nume de proiect. Introduceți numele proiectului și faceți clic pe Enter.

Apoi, Vite vă va solicita să selectați un cadru. Selectați React.

Vite vă va cere și să selectați o variantă. Selectați JavaScript.

Când Vite finalizează schelele proiectului, navigați în directorul pe care îl creează și instalați dependențele prin npm.

instalare npm

Pentru a rula proiectul, utilizați această comandă:

npm run dev

Aceasta ar trebui să fie pagina de pornire.

Puteți începe să vă editați proiectul, iar modificările dvs. vor fi reflectate în browser.

Utilizați Vite pentru viteza de dezvoltare rapidă

CRA (create-react-app) este de obicei instrumentul implicit pentru configurarea structurii și configurației proiectului pentru o aplicație React. Este convenabil deoarece totul este configurat pentru dvs., dar construirea și reîncărcarea poate fi lent în timpul dezvoltării.

Vite, pe de altă parte, folosește module ES native în browser pentru a oferi timpi de construire mai rapidi. Dacă nu doriți să utilizați Vite, puteți opta pentru un meta cadru React precum Next.js, deoarece este, de asemenea, proiectat pentru a fi foarte performant.