Vai joprojām izmantojat lietotni Create-React, lai iestatītu savu React projektu? Pārslēdzieties uz Vite, lai nodrošinātu labāku veiktspēju un ātrāku izstrādes ātrumu.

Uzsākot jaunu React projektu, daudzi izstrādātāji vēršas pie izveidot-reaģēt-lietotni kā komandas rīku projektu iestatīšanai un konfigurēšanai. Tomēr Vite ir labāka alternatīva. Tas piedāvā ātrāku izstrādes laiku un labāku veiktspēju.

Kas ir Vite?

Vite ir veidošanas rīks un izstrādes serveris, kas paredzēts modernu tīmekļa lietojumprogrammu izstrādes procesa uzlabošanai. Tas tiek darīts, sadalot lietojumprogrammas moduļus atkarībās un avota kodā. Atkarības ir moduļi, kas nemainās bieži, savukārt pirmkods izstrādes laikā parasti tiek bieži rediģēts.

Vite izmanto būvēt, uz Go balstīts komplektētājs, kas ir ievērojami ātrāks nekā tradicionālie JavaScript balstītie grupētāji, lai paātrinātu avota koda veidošanas procesu. Tas arī iepriekš sagrupē jūsu lietojumprogrammas atkarības un apkalpo avota kodu, izmantojot vietējo ESM, ļaujot pārlūkprogrammām optimizēt moduļu ielādi efektīvākai un ātrākai lietojumprogrammai sniegumu. Kad ir pienācis laiks izvietot lietojumprogrammu ražošanas versijā, Vite ir iebūvēta veidošanas komanda, kas automātiski optimizē jūsu lietotni izvietošanai, nodrošinot lietojumprogrammas nevainojamu darbību.

Vites projekta izveide

Pirms Vite projekta izveides ņemiet vērā, ka programmai Vite ir nepieciešama Node.js versija 14.18+ vai 16+. Varat skatīt šos rakstus, lai instalētu Node savā Windows vai Ubuntu iekārtā.

  • Kā instalējiet Node.js operētājsistēmā Windows.
  • Uzziniet kā instalēt Npm un Node.js Ubuntu

Izveidojiet Vite projektu, izpildot šo komandu terminālī.

npm izveidot vite@latest

Kad komanda sāks izpildīt, jums tiks prasīts projekta nosaukums. Ievadiet sava projekta nosaukumu un noklikšķiniet uz Enter.

Pēc tam Vite liks jums izvēlēties ietvaru. Atlasiet Reaģēt.

Vite arī lūgs jums izvēlēties variantu. Atlasiet JavaScript.

Kad Vite pabeidz projekta sastatņu izveidi, pārvietojieties izveidotajā direktorijā un instalējiet atkarības, izmantojot npm.

npm instalēšana

Lai palaistu projektu, izmantojiet šo komandu:

npm palaist dev

Tai vajadzētu būt mājas lapai.

Varat sākt rediģēt savu projektu, un jūsu izmaiņas tiks atspoguļotas pārlūkprogrammā.

Izmantojiet Vite ātrai attīstības ātrumam

CRA (create-react-app) parasti ir noklusējuma rīks React lietojumprogrammas projekta struktūras un konfigurācijas iestatīšanai. Tas ir ērti, jo viss ir iestatīts jūsu vietā, taču izstrādes laikā var būt lēna izveide un atkārtota ielāde.

Savukārt Vite pārlūkprogrammā izmanto vietējos ES moduļus, lai nodrošinātu ātrāku izveides laiku. Ja nevēlaties izmantot Vite, varat izvēlēties React meta ietvaru, piemēram, Next.js, jo tas ir arī izstrādāts tā, lai tas būtu ļoti veiktspējīgs.