Leņķis pret Vue.js - ērts salīdzināšanas ceļvedis

Mūsdienu front-end attīstība pēdējās desmitgadēs ir dramatiski mainījusies. Kā priekšsistēmas izstrādātājs, kad es domāju par modernu priekšējās daļas attīstību, man ienāk prātā trīs daudzsološas tehnoloģijas, kuras, manuprāt, vairums no jums var viegli uzminēt -

  1. Google leņķiskais
  2. Facebook reaģē
  3. Vue.js

Katram no tiem ir savas stiprās un vājās puses. Kas man būtu jāizmanto nākamajam projektam, ja tas ir React vai Angular vai Vue.js, tas ir ļoti izplatīts jautājums, kas satraucas katra priekšplāna programmētāja prātā.

Balstoties uz manu pieredzi, es rakstu šo emuāru, lai salīdzinātu divus lielākos dalībniekus priekšējās tirgus attīstības tirgū, ti, Angular (Esot vecākais starp trim no tiem) un Vue (Esot jaunākais no dotās grupas) un mēģināšu lai uzzinātu atbildi, kas jums būtu jāizmanto nākamajā projektā. Ja vēlaties atrast salīdzinājumu starp React un Vue.js, to varat atrast šeit, šajā emuārā.

Pirms sākt debates par šo divu plusiem un mīnusiem, izpētīsim Vue un Angular vēsturi.

Leņķa

Leņķiskais ir uz JavaScriptu balstīta TypeScript bāze. Google izstrādāts un uzturēts Angular ir pārrakstīts, nesaderīgs AngularJS pēctecis. Kamēr AngularJS sākotnēji tika izlaists 2010. gada oktobrī, bet Angular tika ieviests 2016. gada septembrī kā 2. versija.

Leņķa izmantošanai Web priekšplāna izstrādē ir daudz priekšrocību -

  • Tas viss ir MVC

Model View Controller jeb MVC pamatideja ir pieteikuma sadalīšana 3 galvenajos loģiskajos komponentos, ti. modeli, skatu un kontrolieri, lai norobežotu lietojumprogrammas loģiku no lietotāja interfeisa slāņa.

  • Out-of-the-box TypeScript atbalsts

TypeScript ir JavaScript superset ar konstrukcijas laika atbalstu tipa drošībai un instrumentiem. Tipa pieejamība padara Typecript rakstīto kodu mazāk jutīgu pret izpildes laika kļūdām.

  • Īpašnieks ir Google

Atbalsta tehnoloģiju gigants Google. Nodrošina jauno leņķisko versiju ik pēc sešiem mēnešiem.

  • Atkarības Injekcija

AngularJS nāk ar iebūvētu atkarības iesmidzināšanas apakšsistēmu, kas vienkāršo vienības testēšanas procesu.

Vue

Vue ir arī JavaScript ietvars, kuru pirmo reizi 2014. gada februārī izlaida bijušais Google darbinieks Evan You. Vue ir visstraujāk augošais JS ietvars, it īpaši bez liela uzņēmuma atbalsta. Vue manto lielāko daļu labo lietu gan no React, gan Leņķa, un tāpēc daži tehniķi to uzskata par neoficiālu Leņķa un Reaktīva bērnu.

Ir vairākas Vue izmantošanas priekšrocības tīmekļa priekšplāna izstrādē -

  • Tas ir mazs izmērs

Šīs ietvara lielums ir 18–21 KB, un lietotājam nav nepieciešams laiks, lai to lejupielādētu un izmantotu. Tas nenozīmē, ka tā veiktspēja ir apdraudēta - patiesībā tas pārspēj visus apjomīgos ietvarus, piemēram, React.js, Angular.js un Ember.js.

  • Tas ir salīdzinoši viegli

Personīgi es esmu liels Vue ventilators. Tas ir ļoti viegli iemācīties - patiesībā mazāk nekā divu nedēļu laikā es varēju iemācīties un pielāgot Vue ikdienas attīstības uzdevumos.

  • Vue dokumentācija ir slavējama

Kaut arī to neatbalsta tādas vairāku miljardu dolāru organizācijas kā Google vai FB, tai tomēr ir izdevies attīstīties ļoti īsā laika posmā un ir nodrošināts, ka atjauninājumi nav tik sarežģīti, lai to iemērktu, kā tas bija dažu gadījumu gadījumā no citiem tirgū dominējošajiem nosaukumiem.

  • Piedāvā lielu elastību

Tas lietotājiem ļauj rakstīt veidni JavaScript failā, HTML failā un tīrā JavaScript failā, izmantojot virtuālos mezglus. Šī elastība padara to arī nevajadzīgu saprast React, Angular vai jebkuram citam JS izstrādātājam.

Salīdzinājums

Šeit ir daži galvenie parametri, pamatojoties uz kuriem mēs salīdzināsim leņķa un vue ietvaru -

  • Cik nobrieduši ir šie ietvari?
  • Cik daudz tie ir savietojami ar dažādu izmēru lietojumprogrammām?
  • Kas par mācību līkni katram no šiem pamatnoteikumiem?
  • Cik attīstītājiem / attīstībai draudzīgi ir šie ietvari?
  • Kādu izpildījumu jūs sagaidāt no pieteikuma?
  • Kā jūs varat sākt strukturēt savu pieteikumu ar izvēlēto ietvaru?
  • Vai šī sistēma varētu izpildīt jūsu projekta mērogojamību?

Uzmanību gatavību aiziet!

1. Kopiena un popularitāte

Noteikti leņķiskais ir populārāks lielo uzņēmumu vidū. Tam ir liela kopiena un Google atbalsts.

Arī Vue ātri aug, un pēdējos gados izstrādātāji ir guvuši daudz vilces.

Tā ir maza kopiena, un tai nav liela uzņēmuma atbalsta

Runājot par statistiku-

Github vietnē Angular ir> 41 000 zvaigžņu un 730 līdzdalībnieku, un Vue ir gandrīz 114 000 zvaigžņu un tikai 193 līdzstrādnieki.

Vietnēs Github Stars, Leņķa vēsture, Reaģēt un Vue atkal šķiet, ka Vue tendence ir ļoti laba. Saskaņā ar bestof.js, Leņķis vidēji iegūst 37 zvaigznes, bet Vue - 135 zvaigznes dienā.

Avots: vidējs

2. Sintakse un koda garums

Strādājot pie abiem ietvariem, esmu ievērojis, ka Stūrains izmanto sarežģītāku sintakse, kamēr Vue ir viegli iemācīties, pateicoties sintakses vienkāršībai. Laiks, ko patērēju vienkāršu lietu veikšanai Leņķī, ir vairāk. Dažreiz tās sarežģītība bieži rada neskaidrības.

Vue ir viegli iemācīties, jo tā ir nesarežģītā sintakse. Šeit sintakse ir glīta un tīra. Un, ņemot vērā JavaScript fona, man ir diezgan viegli iemācīties Vue. Tā kā Stūrains izmanto TypeScript (dekoratoru un iesmidzinātāju lietošana), tāpēc vajadzētu būt pamatzināšanām par TypeScript vai būt strādājušiem pie OOPS koncepcijas.

3. Uzbūve

Leņķis ir vairāk strukturēts un izstrādāts. Tas piespiež izstrādātāju darīt visu standarta veidā. Galvenokārt lielu uzņēmumu projekti paļaujas uz leņķisko versiju, pateicoties iepriekš noteiktajai struktūrai, kas nodrošina, ka katrs izstrādātājs ievēro to pašu arhitektūru.

Vue ir elastīgāka, un tas ļauj izstrādātājam strukturēt projektu tā, kā vēlaties. Tas ļauj lietotājam rakstīt veidni HTML failā vai Javascript failā. Varat izmantot leņķisko, ja personīgās izvēles ir TypeScript un OOPS. Turklāt Vue nodrošina arī mašīnrakstu projektu izstrādei, taču tajā nav daudz bibliotēku.

4. Koda mērogojamība

Kad jums būs nepieciešama apjomīga bāzes bāze, leņķis ir labs koda mērogojamības ziņā, jo, tā kā pilnvērtīgs ietvars, izstrādātājam tiek noteikts pienākums attīstīt kodu noteiktā koda struktūrā.

No otras puses, vietnei Vue.js trūkst labāko mērogošanas metožu saraksta. Vue.js lietotājiem netiek piemērota īpaša lietojumprogrammu struktūra, kas ir ļoti svarīga, ja jums ir liela kodu bāze.

5. Iebūvētās bibliotēkas

Tā kā Vue ir jauna, tai ir mazāk ietvariem specifisku bibliotēku, tāpēc jums skaidri jāiekļauj lielākā daļa trešo pušu bibliotēku.

Leņķim ir tik daudz ietvarstruktūru bibliotēku, un arī lielākā daļa bibliotēku ir iepriekš iekļautas projektā Leņķa-CLI.

Piemēram, bibliotēka, piemēram, RxJS, ir iebūvēta leņķa CLI projektos, bet, lai tā darbotos, Vue jums ir skaidri jāinstalē citas bibliotēkas, ieskaitot RxJS.

Arī Leņķī ir iebūvētas API specifiskas bibliotēkas, izstrādātājam tā nav tieši jāinstalē. Vue komplektācijā nav iekļauta API specifiska bibliotēka, un API zvaniem tā ir jāizmanto tieši AXIOS bibliotēkā.

6. Izpildījums

Virtuālā DOM jēdziena izmantošana padara Vue performatīvāku, salīdzinot ar leņķisko.

No otras puses, leņķis datu atveidošanai izmanto vērotājus.

Sāksim ar virtuālo DOM. Pieņemsim, ka jums ir dinamiska n rindu tabula.

Tagad pirmajā rindā kaut kas mainās. Lielākā daļa ietvaru ir visu saraksta atjaunošana un atjaunošana. Tas ir n reizes vairāk darba, nekā nepieciešams, jo mums ir jāatjaunina tikai pirmā rinda.

Apskatīsim, ko virtuālais DOM darīs šajā situācijā.

Pirms jebkādas uzlabošanas tas izveido DOM kopiju un strādā ar šo kopiju. Kad virtuālais DOM ir atjaunināts, tas salīdzina to pašu ar vecāku versiju, kas ir notverta pirms atjaunināšanas, un atrod elementus, kuri ir jāatjaunina. Pēc atšķirības pārbaudes reālajā DOM tiek atjauninātas tikai tās daļas, kuras tiek mainītas.

7. Ārpus Web

Leņķiskais nāk ar jonu un vietējo skriptu mobilo lietojumprogrammu izstrādei. Vue ir labākā izvēle izstrādātājiem, kuriem patīk vietējā mobilā attīstība, izmantojot Alibaba Weex un Vue-Native, taču tie visi ir diezgan jauni, salīdzinot ar joniskajiem.

Bet neviens no šiem mobilajiem ietvariem neļauj sasniegt React Native sniegumu.

Kopsavilkums

Vue.js ir ļoti viegls un viegli apgūstams ietvars, kas ļauj jums izveidot satriecošas lietojumprogrammas. Tas nav tik slavens kā Angular (ko uztur Google) izstrādātāju vidū, bet noteikti rada lielus pārmaiņu viļņus. Jūs, iespējams, nezināt, bet Laravel kopiena to ir uzskatījusi arī par vienu no viņu iecienītākajiem priekšplāna ietvariem. Leņķiskais ir daudz attīstīts ietvars, un tam ir vairāki rīki, kas atrodas tieši ārpus ierīces. Jūs varat izlemt, ko izvēlēties, pamatojoties uz zemāk norādītajiem galvenajiem punktiem-

Ja jūs joprojām nevarat izlemt, vispirms iemācieties Vue, pēc tam leņķisko.

Mums, Systango, ir ekspertu grupas priekšgalā un pilna apjoma izstrādātāji, kuri visi ir prasmīgi, lai izstrādātu visu gludu un asu. Mēs izmantojam visas modernākās tehnoloģijas, ieskaitot React, Angular un Vue.js, lai radītu iespēju pilnveidot un vienmērīgu tiešsaistes pieredzi.

Pārrunājiet savu nākamo projektu - mēs labprāt dzirdētu no jums!

Šis raksts sākotnēji tika publicēts vietnē Systango Technologies.