Efni.
- 01. Hyrndur
- 02. Bregðast við
- 03. Vue
- Hvernig er setningafræði ramma samanburður?
- Vinsældir og markaður
- Þróun farsímaforrita
- Önnur umgjörð sem þarf að gæta að árið 2020
- Niðurstaða
Árið 2020 erum við blessuð með fjölda ramma og bókasafna til að hjálpa okkur við vefþróun. En það var ekki alltaf svo mikil fjölbreytni. Aftur árið 2005 var nýtt handritamál kallað Mocha búið til af gaur að nafni Brendan Eich. Mánuðum eftir að hafa verið breytt í LiveScript var nafninu breytt aftur í JavaScript. Síðan þá er JavaScript langt komið.
Árið 2010 sáum við kynningu á burðarás og hyrningi sem fyrstu JavaScript ramma og árið 2016 notuðu 92 prósent allra vefsíðna JavaScript. Í þessari grein ætlum við að skoða þrjá helstu JavaScript ramma (Angular, React og Vue) og stöðu þeirra á næsta áratug. Viltu búa til þína eigin síðu? Prófaðu þennan lista yfir vefsíðugerðarmenn.
Fyrir nokkrar snilldar auðlindir, skoðaðu lista okkar yfir helstu vefsíðuhönnunarverkfæri, samantekt okkar á vefþjónustuþjónustu og þennan lista yfir framúrskarandi notendaprófunarhugbúnað líka.
01. Hyrndur
AngularJS kom út árið 2010 en árið 2016 var það endurskrifað að öllu leyti og gefið út sem Angular 2. Angular er algjört vefumgjörð þróað af Google, sem er notað af Wix, Upwork, The Guardian, HBO og fleirum.
Kostir:
- Sérstakur stuðningur við TypeScript
- MVVM gerir verktaki kleift að aðgreina vinnu við sama forritahluta með því að nota sama gagnasett
- Framúrskarandi skjöl
Gallar:
- Hefur smá lærdómsferil
- Það getur verið erfitt að flytja úr gamalli útgáfu.
- Uppfærslur eru kynntar nokkuð reglulega sem þýðir að verktaki þarf að laga sig að þeim
Hvað er næst?
Í Angular 9 er Ivy sjálfgefinn þýðandi. Það hefur verið komið á fót til að leysa mörg vandamál varðandi frammistöðu og stærð skráar. Það ætti að gera forritin minni, hraðvirkari og einfaldari.
Þegar þú berð saman fyrri útgáfur af Angular við React og Vue, þá er
endanlegar búntastærðir voru miklu stærri þegar Angular var notað. Ivy gerir Progressive Hydration einnig mögulegt, sem er eitthvað sem Angular teymið sýndi á I / O 2019. Progressive Hydration notar Ivy til að hlaða smám saman á netþjóninn og viðskiptavininn. Til dæmis þegar notandi byrjar að hafa samskipti við síðu er kóði íhluta ásamt hvaða keyrslutíma sem er sótt stykki fyrir stykki.
Ivy virðist vera stóra áherslan framundan hjá Angular og vonin er að gera það aðgengilegt fyrir öll forrit. Það verður til að afþakka valkost í útgáfu 9, allt að Angular 10.
02. Bregðast við
React kom upphaflega út árið 2013 af Facebook og er notað til að byggja upp gagnvirkt vefviðmót. Það er notað af Netflix, Dropbox, PayPal og Uber svo eitthvað sé nefnt.
Kostir:
- React notar sýndar DOM, sem hefur jákvæð áhrif á frammistöðu
- Auðvelt er að skrifa JSX
- Uppfærslur skerða ekki stöðugleika
Gallar:
- Eitt helsta áfallið er að þurfa bókasöfn frá þriðja aðila til að búa til flóknari forrit
- Hönnuðir eru látnir liggja í myrkrinu á besta leiðinni til að þróast
Hvað er næst?
Á React Conf 2019 snerti React teymið ýmislegt sem það hefur unnið að. Það fyrsta er Selective Hydration, þar sem React mun gera hlé á því sem það vinnur til að forgangsraða þeim íhlutum sem notandinn hefur samskipti við. Þegar notandinn fer í samskipti við ákveðinn hluta verður svæðið vökvað. Teymið hefur einnig verið að vinna að Suspense, sem er kerfi React til að skipuleggja hleðslu kóða, gagna og mynda. Þetta gerir íhlutum kleift að bíða eftir einhverju áður en þeir koma fram.
Bæði valkvæð vökvun og spenna er gerð möguleg með samhliða stillingu, sem gerir forritum kleift að vera móttækilegri með því að gefa React möguleika á að komast í stóra blokkir með minni forgangsvinnu til að einbeita sér að einhverju sem er ofar forgangsatriði, eins og að bregðast við notendum. Liðið nefndi einnig aðgengi sem annað svæði sem þeir hafa verið að skoða, með því að einbeita sér að tveimur sérstökum efnum - að stjórna fókus og inntakstengi.
03. Vue
Vue var þróað árið 2014 af Evan You, fyrrverandi starfsmanni Google. Það er notað af Xiaomi, Alibaba og GitLab. Vue tókst að ná vinsældum og stuðningi frá verktaki á stuttum tíma og án stuðnings stórs vörumerkis.
Kostir:
- Mjög létt að stærð
- Byrjendavænt - auðvelt að læra
- Frábært samfélag
Gallar:
- Ekki stutt af risastóru fyrirtæki, eins og React við Facebook og Angular við Google
- Engin raunveruleg uppbygging
Hvað er næst?
Vue hefur sett sér það markmið að vera hraðari, minni, viðhaldsmeiri og auðvelda verktaki að miða við innfædda (ef þú átt í vandræðum með að viðhalda skaltu íhuga vefþjónustuþjónustu). Næsta útgáfa (3.0) er væntanleg á fyrsta ársfjórðungi 2020, sem felur í sér sýndar DOM endurritun til betri frammistöðu ásamt bættum TypeScript stuðningi. Það er einnig viðbót við API API samsetningar, sem veitir verktaki nýja leið til að búa til íhluti og raða þeim eftir eiginleikum í stað aðgerða.
Þeir sem eru að þróa Vue hafa einnig verið önnum kafnir við að vinna að Suspense, sem stöðvar flutning íhluta þíns og gerir afturkallshluta þar til skilyrði er uppfyllt.
Eitt af því sem er frábært með uppfærslum Vue er að þær viðhalda afturvirkni. Þeir vilja ekki að þú brjótir gömlu Vue verkefnin þín. Við sáum þetta í fólksflutningnum frá 1.0 til 2.0 þar sem 90 prósent af API var það sama.
Hvernig er setningafræði ramma samanburður?
Allir þrír rammarnir hafa tekið breytingum frá útgáfu þeirra en eitt sem er mikilvægt að skilja er setningafræðin og hvernig hún er frábrugðin. Við skulum skoða hvernig setningafræði er samanburður þegar kemur að einfaldri atburðabindingu:
Vue: The v-on tilskipunin er notuð til að tengja viðburðarhlustendur sem kalla fram aðferðir á Vue dæmi. Forskeyti með tilskipunum eru v- í því skyni að gefa til kynna að þeir séu sérstakir eiginleikar sem Vue veitir og beita sérstökum viðbrögð við hegðun DOM. Meðhöndlun viðburða er hægt að veita annaðhvort inline eða sem nafn aðferðarinnar.
sniðmát> hnappur v-on: smellur = ”clickHandler”> Smelltu á mig / hnappur> / sniðmát> handrit> útflutnings sjálfgefið {nafn: “HelloWorld”, aðferðir: {clickHandler: function () {console.log (“Það var smellt á mig! “); }}}; / handrit>
Viðbrögð: React setur mark up og rökfræði í JS og JSX, sem er setningafræðileg viðbót við JavaScript. Með JSX er fallið framhjá sem viðburðaraðgerð. Meðhöndlun atburða með React-þáttum er mjög svipuð og meðhöndlun atburða á DOM-þáttum. En það eru nokkur setningafræðilegur munur; til dæmis eru viðbrögð viðbrögð nefnd með camelCase frekar en lágstöfum.
aðgerðahnappur () {aðgerð clickHandler (e) {console.log („Ég var smellt á“); } afturhnappur onClick = {clickHandler}> Smelltu á mig! / hnappur>; }
Hyrndur: Setningafræði bindandi atburðar samanstendur af markviðburðarheiti innan sviga vinstra megin við jafnmerki og tilvitnaðrar yfirlýsingar um sniðmát til hægri. Einnig er hægt að nota á- forskeyti, þekkt sem kanónaform.
@Component ({selector: “app-click-me”, sniðmát: `button (click) =” onClickMe () ”> Smelltu á mig! / Button>`}) útflutningsflokkur ClickMeComponent {onClickMe () {console.log (“ Þú smellir á mig! “); }}
Vinsældir og markaður
Við skulum byrja á því að skoða heildarmynd af þremur umgjörðunum varðandi restina af vefnum með því að skoða tölfræði frá W3Techs. Angular er nú notað af 0,4 prósent allra vefsíðna, með markaðshlutdeild JavaScript bókasafns 0,5 prósent. React er notað af 0,3 prósent allra vefsíðna og 0,4 prósent markaðshlutdeild JavaScript bókasafns og Vue hefur 0,3 prósent fyrir bæði. Þetta virðist nokkuð jafnt og þú myndir búast við að sjá tölurnar hækka.
Google þróun: Undanfarna 12 mánuði er React vinsælast í leitarorðum og Angular fylgir fast á eftir. Vue.js er talsvert á eftir; þó er eitt að muna að Vue er enn ungur miðað við hina tvo.
Starfsleit: Þegar þetta er skrifað passa React og Angular nokkuð vel saman hvað varðar atvinnuskráningar á Indeed með Vue langt á eftir. Á LinkedIn virðist þó vera meiri eftirspurn eftir Vue forriturum.
Stack overflow: Ef þú lítur á niðurstöður Stack Overflow Developer Survey fyrir árið 2019, þá eru React og Vue.js báðir mest elskaðir og vildu veframmarnir. Angular sest niður í níundu stöðu fyrir ástvini en þriðja mest eftirlýsta.
GitHub: Vue hefur flesta stjörnur með 153k en það hefur minnsta fjölda þátttakenda (283). Viðbrögð hafa aftur á móti 140.000 stjörnur og 1.341 þátttakendur. Angular er aðeins með 59,6 þúsund stjörnur en hefur mestan þátttakanda af þessum þremur með 1.579.
NPM þróun: Myndin hér að ofan sýnir tölfræði síðustu 12 mánuði, þar sem þú getur séð að React hefur meiri niðurhal á mánuði miðað við Angular og Vue.
Þróun farsímaforrita
Ein megináhersla stóru þriggja er dreifing farsíma. React hefur React Native, sem hefur orðið vinsæll kostur til að byggja upp iOS og Android forrit ekki bara fyrir React notendur heldur einnig fyrir breiðara samfélag þróunar forrita. Hyrndir verktaki geta notað NativeScript fyrir innfædd forrit eða Ionic fyrir tvinn farsímaforrit, en Vue verktaki hefur val um NativeScript eða Vue Native. Vegna vinsælda farsímaforrita er þetta áfram lykilatriði í fjárfestingum.
Önnur umgjörð sem þarf að gæta að árið 2020
Ef þú vilt prófa eitthvað nýtt árið 2020, skoðaðu þessa JavaScript ramma.
Glóð: Opinn uppruni ramma til að byggja upp vefforrit sem vinna út frá MVVM mynstri. Það er notað af nokkrum stórum fyrirtækjum eins og Microsoft, Netflix og LinkedIn.
Veður: JavaScript-pallur í fullum stakk til að þróa nútíma vef- og farsímaforrit. Það er auðvelt að læra og hefur mjög stuðningsfullt samfélag.
Niðurstaða
Allir þrír rammarnir eru sífellt að batna, sem er hvetjandi merki. Allir hafa sitt sjónarhorn og ákjósanlegar lausnir um hverja þeir ættu að nota en það kemur í raun niður á stærð verkefnisins og sem gerir þér líða betur.
Mikilvægasti þátturinn er áframhaldandi stuðningur samfélaga þeirra, þannig að ef þú ætlar að hefja nýtt verkefni og hefur aldrei notað neitt af þessum þremur áður, þá tel ég að þú sért í öruggum höndum með þau öll. Ef þú hefur ekki fengið tækifæri til að læra neina af þremur umgjörðunum ennþá, þá legg ég til að það verði áramótaheit þitt að byrja að læra. Framtíðin mun snúast um þessa þrjá.
Upprunalega birtist þetta efni í net tímaritinu.
