I-Top-Vue-UI-Component-Thala leencwadi-kunye-ne-Frameworks-to-Consider-in-2021

 

I-Vue JS sisikhokelo seJavaScript esiqhubela phambili esisetyenziselwa ukuphuhlisa usetyenziso lwephepha elinye (ii-SPA) kunye neMisebenzi yoMsebenzi. Kwaye yenye yezona zinto zisetyenziswa ngokubanzi-isiphelo-isiphelo sesakhelo phaya.

 

Enye into enomdla ye-Vue kukukwazi ukwaphula iphepha lewebhu libe ngamacandelo ahlukeneyo. Kwaye le nkqubo iba lula ngokusetyenziswa kwecandelo lamathala eencwadi e-UI.

 

Kukho iilayibrari zecandelo le-UI ezahlukeneyo ezinokukunceda wenze amacandelo ngokulula kwaye ngokukhawuleza. Ke kule bhlog, siza kuphonononga iiLayibrari ezili-10 eziphezulu ze-UI yecandelo le-UI ngo-2021.

 

1. I-PrimeVue

 

I-PrimeVue ilula ukuyisebenzisa, iyaguquguquka, kunye neLayibrari yecandelo leVue UI ekuncedayo ukuba wakhe ujongano lomsebenzisi oloyikekayo.

 

Inamalungu angaphezu kwe-80+ ye-UI enenkxaso epheleleyo yeziKhokelo zokuFikelela kwiWebhu (WCAG) kunye noyilo oluphendulayo. Kwaye ngenxa yohlaziyo lwakutsha nje, ithala leencwadi ngoku linenkxaso epheleleyo yeVue 3.

 

Enye yezona zinto zilungileyo malunga nePrimevue luluhlu olubanzi lwamacandelo. Zisuka kwiitafile kunye ne-paginators ukuya kwiitshathi zentlangano ezenziwe kakuhle zegrafu onokuzisebenzisa ukudala ii-apps ze-Vue ezisebenzisanayo. Ingumthombo ovulekileyo kwaye ineenkwenkwezi eziyi-1k+ kwi-Github kunye ne-6,983 yokukhuphela ngeveki kwi-NPM.

 

2. Vuetify

 

I-Vuetify yiThala leeNcwadi le-UI enaMalunga enziwe kakuhle ngezandla asebenzisa ukucaciswa koYilo lweMaterial. Oku kuthetha ukuba iphuhliswe ngokuthe ngqo ngokweenkcukacha zoYilo lweMaterial kunye necandelo ngalinye eliyilwe ngobunono ukuba libe yimodyuli, liphendule, lisebenze.

 

I-Vuetify ikuvumela ukuba ulungelelanise usetyenziso lwakho ngoyilo olulodwa noluguquguqukayo kwaye ugqibelele izitayile zamacandelo akho usebenzisa izinto eziguquguqukayo ze-SASS.

 

Ikwaxhasa izikhokelo zokufikeleleka, zonke iiphequluli zanamhlanje, kwaye iyahambelana ne-Vue CLI-3. Kulula ukuyidibanisa kwaye inamalungu amaninzi e-UI anokuphinda asetyenziswe njengeecarousels, ukukhangela, kunye namakhadi. I-Vuetify ngumthombo ovulekileyo kunye neenkwenkwezi ezingaphezu kwe-29k kwi-Github kunye ne-319,170 yeveki yokukhutshelwa kwi-NPM.

 

3. Chakra UI Vue

 

I-Chakra UI lithala leencwadi elilula nelifikelelekayo elikunika izixhobo zokwakha usetyenziso lweVue ngokukhawuleza nangokulula.

 

Onke amacandelo ayafikeleleka (ilandela ngokungqongqo imigangatho ye-WAI-ARIA), inomxholo, kwaye iyahlanganiswa. Ixhasa izitayile eziphendulayo ngaphandle kwebhokisi kwaye ikwimowudi emnyama iyahambelana.

 

I-Chakra UI ikwaneseti yamacandelo oyilo afana ne-CBox kunye ne-CStack eyenza kube lula ukwenza isitayile amacandelo akho ngokudlula iipropu. Ikwakuvumela ukuba ungenise ngokuzenzekela izinto ze-Chakra UI Vue usebenzisa isisombululo seplagi yewebhu. Ingumthombo ovulekileyo kwaye ineenkwenkwezi ezingama-900+ kwi-Github kunye ne-331weekly downloads kwi-NPM.

 

4. I-Bootstrap Vue

 

I-BootstrapVue, NgeBootstrapVue unokwakha iiprojekthi eziphendulayo, ezihamba phambili, kunye ne-ARIA efikelelekayo kwiwebhu usebenzisa i-Vue.js kunye nelayibrari ye-CSS yangaphambili edumileyo - iBootstrap. Amaxwebhu kulula ukuyiqonda kwaye kulula ukuseta. Yenza ukuphunyezwa kwesiphelo sangaphambili kwenziwe ngokukhawuleza.

 

Ibonelela ngezinto ezingama-85+, ngaphezulu kwe-45 iiplagi ezifumanekayo, imiyalelo emininzi, kunye ne-1000+ icons. Ikwabonelela ngamacandelo asebenzayo alungiselelwe ukwakheka kunye noyilo oluphendulayo. Ungadibanisa ngokulula iBootstrapVue kwiiprojekthi zakho zeNuxt.js usebenzisa imodyuli yeNuxt.js.

 

Ikwasetyenziswa ngendlela efanayo nesakhelo se-CSS se-bootstrap sisetyenziswa. Ivuleleke kwi-Github malunga neenkwenkwezi ze-12.9k kunye neefolokhwe ze-1.7k.

 

5. Vuesax

 

I-Vuesax sisikhokelo secandelo esitsha se-UI esenziwe kunye nee-Vuejs ukwenza iiprojekthi ngokulula kunye nesitayile esikhethekileyo nesimnandi, i-vuesax yenziwe ukusuka ekuqaleni kwaye yenzelwe zonke iintlobo zabaphuhlisi ukusuka kumthandi ongaphambili ukuya ngasemva ofuna ukwenza lula indlela yabo yokubona umsebenzisi wokugqibela. Uyilo lulodwa kwicandelo ngalinye kwaye aluxhaswanga kuyo nayiphi na intsingiselo ebonakalayo okanye imithetho yoyilo, ukwenza iiprojekthi ezakhiwe ngayo zizodwa ngokunjalo.

 

inikezela ngamaphepha aphendulayo kunye nezixhobo ze-UI ezinokuphinda zisetyenziswe kwaye zilungele ukwenziwa. Kwakhona kulula ukuqalisa nokuba usebenzisa i-npm okanye i-CDN. Okwangoku ayixhasi i-Vue CLI 3 kwinguqulelo yayo yamva nje. Ivuleleke kwi-Github malunga ne-4.9k yeenkwenkwezi kunye ne-6700 yokukhuphela ngeveki ye-NPM.

 

6. Imbovane yokuYila iVue

 

UYilo lwembovane vue olusekwe kwinkcazo yoYilo lwembovane, i-Ant design vue lithala leencwadi le-UI le-vue eliqulethe iiseti zamacandelo akumgangatho ophezulu kunye needemos zokwakha ujongano olutyebileyo, olusebenzisanayo lwabasebenzisi.

 

I-Ant-design-vue ibonelela ngezinto ezininzi ze-UI ukutyebisa usetyenziso lwakho lwewebhu olunje ngeSkeleton, idrowa, izibalo kunye nokunye okuninzi.

 

Ngokukhutshwa kwamva nje koyilo lwembovane inguqulo yesi-2, iye yahlaziywa ukuba ikhawuleze kwaye ibe lula ukuyidibanisa, ubungakanani obuncinci bebundle, kwaye ikwaxhasa i-Vue 3, uxwebhu olutsha lwe-API. Ikwaxhasa iziphequluli zewebhu zanamhlanje, i-server-side Rendering, kunye ne-electron. Ineenkwenkwezi ezingaphezu kwe-13k kwi-Github kunye ne-39,693 yokukhuphela ngeveki ye-NPM.

 

7. Quasar

 

I-Quasar yenye yezona zikhokelo ze-UI ze-Vue ezivumela abaphuhlisi ukuba basebenzise isiseko sekhowudi yomthombo kuzo zonke iiplatifomu nge-Quasar CLI eneendlela ezilungileyo ngaphandle kwebhokisi. Ivumela abaphuhlisi bagxile kumxholo we-App yabo kunokuba zonke ezinye izinto zebhoyila zokucoca (inkqubo yokwakha, uyilo) ngeenxa zonke kuyo. igxile ekulandeleni izikhokelo zeMaterial 2.0 kwaye ikwanoluntu oluxhasa kakhulu.

 

Enye yezinto ezikhethekileyo malunga neQuasar kukukwazi ukubhala ikhowudi kanye kwaye kwangaxeshanye uyibeke njengewebhusayithi, i-Mobile App isebenzisa ikhowudi enye kuphela. Kukwakho nenguqulelo entsha ngoku kwi-beta enokuxhasa iimpawu ze-vue ezi-3. Imalunga ne-17.8k yeenkwenkwezi kwi-Github.

 

8. Buefy

 

IBuefy licandelo lelayibrari ye-UI ekhaphukhaphu yeVue JS esekwe kwiBulma( isakhelo seCSS). IBuefy idibanisa iBulma kunye neVue, ikunceda ukuba wakhe usetyenziso olubukekayo usebenzisa ikhowudi encinci. ngumaleko wejavascript wojongano lwakho lweBulma.

 

Inokuthathwa ngaphandle ngokupheleleyo okanye icandelo elinye kwiphepha lewebhu eliqhelekileyo. Ukuyidibanisa kwiprojekthi yakho kulula kakhulu, kunokwenziwa ngokusebenzisa i-npm okanye i-CDN.

 

I-Buefy ibonelela ngamacandelo e-UI esele yenziwe, uyilo, kunye nee-icon. Amacandelo anokusebenzisa i-SASS kumxholo wakho. Ikwaxhasa izikhangeli zale mihla.

 

9. Vue Material

 

I-Vue Material isetyenziswa ngokubanzi, isakhelo esikhaphukhaphu esiphumeza ukucaciswa koyilo loMathiriyeli. Yenye yodibaniso olungcono phakathi kwe-Vue.js kunye ne-Material Design specs! Ungayiqwalasela ngokulula ukuba ilungele zonke iimfuno zakho nge-API elula.

 

Iyahambelana noyilo oluphendulayo kunye nenkxaso yazo zonke izikhangeli zewebhu zanamhlanje. Ithala leencwadi lahlulwe ngokweMixholo, Amacandelo, kunye neeNqaku ze-UI. Imixholo inika isikhokelo esiqinisekileyo sendlela yokwenza umxholo wesicelo sakho (okanye ubhale eyakho imixholo) kunye neMixholo kunye ne-UI Elements zibandakanya uyilo, ukukhangela, ukuchwetheza, ii-icon, kunye nezinye izinto ezingama-30. Imalunga ne-9.2k yeenkwenkwezi kunye neefolokhwe ze-1.1k kwi-Github kunye ne-21k + yokukhuphela ngeveki ye-NPM.

 

10. KeenUI

 

I-KeenUI yilayibrari ye-UI ekhaphukhaphu ye-vue.js ene-API elula, ephefumlelwe yi-Material Design kaGoogle. Keen UI ayisosakhelo seCSS. Ngoko ke, ayibandakanyi izimbo zesixokelelwano segridi, uchwethezo, njalo njalo. Endaweni yoko, kugxilwe kumacandelo asebenzisanayo afuna iJavascript.

 

Inamalungu angama-30 anokusetyenziswa kwakhona. Amacandelo enziwe ngokwezifiso ngokubeka ngaphezulu izimbo usebenzisa ii-variables ze-SASS. ungayidibanisa kwiprojekthi yakho nokuba usebenzisa i-CDN okanye i-npm. Ivulekile kwaye ineenkwenkwezi ezi-4k kwi-Github.

 

isiphelo

 

Amathala eencwadi ecandelo le-UI ngokuqinisekileyo enza ukwakha iprojekthi kube lula kakhulu. Ukukhetha okulungileyo kuxhomekeke kwiimpawu zeprojekthi ofuna ukusebenza kuyo. Phambi kokuntywila kwiprojekthi entsha, kuyacetyiswa ukuba umntu ajonge kwakhona ithala leencwadi lecandelo le-UI eyilungele kakhulu injongo.