Hyrndur vs Vue.js - handhæg samanburðarleiðbeiningar

Nútímaleg framþróun hefur breyst mikið á undanförnum áratugum. Sem framfararframleiðandi koma mér í hug minn, þegar ég hugsa um nútíma framþróunarþróun, þrjú efnileg tækni sem ég tel að flestir geti giskað á með auðveldum hætti -

  1. Hyrndur Google
  2. Viðbrögð Facebook
  3. Vue.js

Hver þessara er með sitt eigið styrk og veikleika. Hvað ætti ég að nota fyrir næsta verkefni mitt, ætti það að vera React or Angular eða Vue.js er mjög algeng spurning sem skjálfti í huga allra framsækinna forritara.

Byggt á reynslu minni er ég að skrifa þetta blogg til að bera saman tvo stærstu leikmennina í framþróunarmarkaðnum, þ.e. Angular (vera elstur meðal þeirra þriggja) og Vue (vera yngstur meðal gefins árgangs) og mun reyna til að finna út svarið hvað þú ættir að nota í næsta verkefni. Ef þú vilt finna samanburð á milli og React og Vue.js geturðu fundið það hér í þessu bloggi.

Áður en þú byrjar á umræðu um kosti og galla þessara tveggja skulum við kanna sögu Vue og Angular.

Hyrndur

Angular er JavaScript ramma sem byggir á TypeScript. Angular er hannað og viðhaldið af Google og er endurskrifað, ósamrýmanlegur arftaki AngularJS. Þó að AngularJS hafi upphaflega verið gefin út í október 2010, og Angular var kynnt í september 2016 sem útgáfa 2.

Það eru fjölmargir kostir þess að nota Angular í framþróun á vefnum -

  • Það er allt MVC

Grunnhugmyndin á bak við Model View Controller eða MVC er að aðgreina forrit í 3 helstu rökrétta hluti, þ.e. líkanið, útsýnið og stjórnandinn til að einangra umsóknarrökfræði frá notendaviðmótslaginu.

  • TypeScript stuðningur er ekki í boði

TypeScript er superset JavaScript með stuðningi við hönnun tíma fyrir tegundaröryggi og verkfæri. Aðgengi að gerðum gerir kóðann sem skrifaður er í TypeScript minna næmur fyrir villur í hlaupatíma.

  • Í eigu Google

Studd af tækni risa Google. Gefur nýrri útgáfu af skörpum eftir sex mánaða fresti.

  • Háð stungulyf

AngularJS kemur með innbyggt undirkerfi fyrir innspýtingarfíkn sem einfaldar ferlið við prófun eininga.

Vue

Vue er einnig JavaScript ramma sem kom fyrst út í febrúar 2014 af fyrrverandi starfsmanni Google, Evan You. Vue er ört vaxandi ramma JS, sérstaklega án stuðnings nokkurs stórs fyrirtækis. Vue erfir flesta góðu hlutina bæði frá React og Angular og þess vegna telja sumir tæknimenn það vera óopinbert barn Angular og React.

Það eru nokkrir kostir þess að nota Vue í þróun á framhlið vefsins -

  • Það er lítil stærð

Stærð þessa ramma er 18–21 KB og það tekur engan tíma fyrir notandann að hlaða niður og nota hann. Þetta þýðir ekki að árangur þess sé í hættu - í raun slær hann alla fyrirferðarmiklu ramma eins og React.js, Angular.js og Ember.js.

  • Það er tiltölulega auðvelt

Persónulega er ég mikill aðdáandi Vue. Það er mjög auðvelt að læra - reyndar gat ég lært og aðlagað Vue í daglegum þróunarverkefnum á innan við tveimur vikum.

  • Skjal Vue er lofsvert

Jafnvel þó að það sé ekki afritað af fjölmilljarða dollara samtökum eins og Google eða FB, þá hefur samt tekist að þróast á mjög stuttum tíma og hefur tryggt að uppfærslurnar eru ekki eins flóknar í bleyti og verið hefur hjá sumum af öðrum markaðsráðandi nöfnum.

  • Býður upp á mikinn sveigjanleika

Það gerir notendum sínum kleift að skrifa sniðmát sitt í JavaScript skjal, HTML skjal og hreina JavaScript skjal með sýndarhnútum. Þessi sveigjanleiki gerir það einnig krefjandi að skilja fyrir React, Angular eða aðra JS forritara.

Samanburður

Hér eru nokkur lykilatriði sem byggjast á sem við berum saman hyrnd og Vue ramma-

  • Hversu þroskaðir þessi ramma eru?
  • Hversu mikið þau eru samhæfð við mismunandi stærð forrita?
  • Hvað með námsferilinn fyrir hvert þessara ramma?
  • Hversu mikill verktaki / þróun vingjarnlegur þessi ramma eru?
  • Hvers konar frammistöðu býst þú við af forritinu?
  • Hvernig geturðu byrjað að skipuleggja umsókn þína eftir völdum ramma?
  • Er líklegt að þessi rammi uppfylli stighæfni verkefnisins?

Tilbúin viðbúin afstað!

1. Samfélag og vinsældir

Örugglega er Angular vinsælli meðal stórfyrirtækja. Það hefur stórt samfélag og stuðning frá Google.

Vue líka er að vaxa hratt og hefur fengið mikla grip frá hönnuðum undanfarin ár.

Þetta er lítið samfélag og hefur ekki stóran stuðning við fyrirtæki

Talandi um tölfræði-

Á Github er Angular með> 41.000 stjörnur og 730 þátttakendur og á Vue eru næstum 114.000 stjörnur og aðeins 193 framlagsaðilar.

Í Github Stars, History for Angular, React and Vue, virðist enn og aftur Vue ganga mjög vel. Samkvæmt bestof.js hefur Angular fengið 37 stjörnur að meðaltali og Vue 135 stjörnur á dag.

Heimild: Miðlungs

2. Setningafræði og kóðalengd

Þegar ég vann bæði umgjörðina hef ég tekið eftir því að Angular notar flóknari setningafræði á meðan Vue er auðvelt að læra vegna einfaldleika þess hvað varðar setningafræði. Tíminn sem ég hef eytt til að gera einfalda hluti í Angular er meira. Stundum leiðir flækjustig þess oft til rugls.

Auðvelt er að læra Vue vegna flókinna eðlis setningafræði. Hér er setningafræðin nett og hrein. Og frá bakgrunninum af JavaScript er mér auðvelt að læra Vue. Vegna þess að Angular notar TypeScript (notkun skreytingaraðila og sprautur), svo ætti maður að hafa grunnþekkingu á TypeScript eða hafa unnið að OOPS hugmyndinni.

3. Uppbygging

Hyrndur er skipulagðari og útfærður. Það neyðir framkvæmdaraðila til að gera allt á venjulegan hátt. Aðallega stór fyrirtækisverkefni treysta á Angular vegna fyrirfram skilgreindrar uppbyggingar sem tryggir að sérhver verktaki fylgi sömu arkitektúr.

Vue er sveigjanlegra og það gerir verktaki kleift að skipuleggja verkefnið eins og þú vilt. Það gerir notandanum kleift að skrifa sniðmát sitt í HTML skjal eða Javascript skjal. Þú getur notað Angular ef persónulegir óskir þínir eru TypeScript og OOPS. Þar að auki býður Vue einnig uppskrift að verkefnaþróun en það eru ekki mörg bókasöfn í því.

4. Stærðhæfni kóða

Þegar þú ætlar að hafa gríðarlegan kóðabasis er Hyrndur góður hvað varðar stigmagnshæfileika vegna þess að þar sem hann er fullgildur umgjörð þá er það hönnuð af verktaki að þróa kóða í tiltekinni kóða uppbyggingu.

Hins vegar vantar Vue.js lista yfir bestu stigstærð. Það er engin sérstök forritaskipan sem notuð er til notenda frá Vue.js til að fylgja eftir sem er mjög mikilvægt þegar þú ætlar að hafa stóran kóða.

5. Innbyggð bókasöfn

Þar sem Vue er nýtt hefur það minni ramma-sértækar bókasöfn, þannig að þú verður að taka flest þriðja bókasöfnin sérstaklega inn.

Angular er með svo mörg rammasértæk bókasöfn og einnig eru flest bókasöfnin með fyrr í Angular-CLI verkefninu.

Til dæmis - Bókasafnið eins og RxJS er innbyggt í skörpum CLI verkefnum en í Vue verðurðu að setja sérstaklega önnur bókasöfn, þ.mt RxJS, til að það virki.

Einnig hefur Angular innbyggð API-bókasöfn sem verktaki þarf ekki að setja það sérstaklega út. Vue er ekki með API-sérstaklega bókasafn og þarf að nota AXIOS bókasafn sérstaklega fyrir API-símtöl.

6. Árangur

Notkun Virtual-DOM hugtak gerir Vue frammistöðugri í samanburði við Angular.

Aftur á móti notar Angular áhorfendur til gagnaflutnings.

Byrjum á Virtual DOM. Gerðu ráð fyrir að þú hafir kvika töflu um n raðir.

Nú breytist eitthvað í fyrstu röðinni. Það sem flestar rammar gera er að endurbyggja og endurgera listann allan. Það er n sinnum meiri vinna en nauðsyn krefur þar sem við þurfum aðeins að uppfæra fyrstu röðina.

Við skulum ekki skoða hvað raunverulegur DOM mun gera í þessum aðstæðum.

Fyrir uppfærslu býr það til afrit af DOM og vinnur með þessu eintaki. Þegar sýndar DOM hefur verið uppfært, ber það saman það sama og eldri útgáfan sem tekin var fyrir uppfærsluna og finnur þætti sem þarf að uppfæra. Eftir að hafa athugað muninn, í alvöru DOM eru aðeins þeir hlutar uppfærðir sem er breytt.

7. Handan vefsins

Hyrndur er með Ionic og innfæddur handrit til að þróa farsímaforrit. Vue er besti kosturinn fyrir forritara sem njóta innfæddrar farsímaþróunar, nota Alibaba Weex og Vue-Native, en allt eru þetta nokkuð ný í samanburði við Ionic.

En hvorug þessara farsíma ramma gerir þeim kleift að ná árangri React Native.

Yfirlit

Vue.js er mjög léttur og auðvelt að læra umgjörð sem gerir þér kleift að búa til töfrandi forrit á þinn hátt. Það er ekki eins mikið frægt og Angular (viðhaldið af Google) meðal þróunaraðila, en vissulega skapa miklar bylgjur breytinga. Þú gætir ekki vitað það, en Laravel samfélagið hefur einnig litið á það sem eitt af þeirra fremstu rammaum. Hyrndur er mjög þróaður umgjörð og hefur nokkur tæki beint út úr kassanum. Þú getur ákveðið hvað á að velja á grundvelli helstu lykilatriða-

Ef þú getur enn ekki ákveðið, þá lærðu fyrst Vue, síðan Hyrnd.

Við hjá Systango erum með árganga sérfræðinga í framanverðum og fullum stakkhönnuðum sem allir eru duglegir við að hanna allt slétt og beitt. Við notum alla háþróaða tækni þ.mt React, Angular og Vue.js til að skapa valdeflandi og óaðfinnanlega reynslu á netinu.

Ræddu næsta verkefni þitt - við viljum gjarnan heyra frá þér!

Þessi grein var upphaflega birt á Systango Technologies.