Ábhar
- 01. Dronuilleach
- 02. Imoibriú
- 03. Vue
- Conas a dhéantar comparáid idir comhréir na gcreataí?
- Coitianta agus margadh
- Forbairt aipeanna soghluaiste
- Creataí eile le breathnú orthu in 2020
- Conclúid
In 2020, táimid beannaithe le roinnt creataí agus leabharlanna chun cabhrú linn le forbairt gréasáin. Ach ní raibh an oiread sin éagsúlachta ann i gcónaí. Ar ais i 2005, chruthaigh fear darb ainm Brendan Eich teanga scriptithe nua darb ainm Mocha. Míonna tar éis a athainmniú go LiveScript, athraíodh an t-ainm arís go JavaScript. Ó shin i leith, tá JavaScript tagtha ar bhealach fada.
In 2010, chonaiceamar Cnámh droma agus Uilleach a thabhairt isteach mar na chéad chreataí JavaScript agus, faoi 2016, bhain Java faoin gcéad úsáid as 92 faoin gcéad de na suíomhanna Gréasáin go léir. San alt seo, beimid ag féachaint ar thrí cinn de phríomhchreataí JavaScript (Dronuilleogach, React agus Vue) agus a stádas ag dul isteach sna deich mbliana amach romhainn. Ag iarraidh do shuíomh féin a dhéanamh? Bain triail as an liosta seo de thógálaithe láithreán gréasáin.
I gcás roinnt acmhainní iontacha, féach ar ár liosta de na huirlisí dearaidh gréasáin is fearr, ár mbabhta de sheirbhísí óstála gréasáin, agus an liosta seo de bhogearraí tástála úsáideora den scoth freisin.
01. Dronuilleach
Scaoileadh AngularJS in 2010 ach faoi 2016 rinneadh é a athscríobh go hiomlán agus a scaoileadh mar Angular 2. Is creat gréasáin lán-séidte é Angular a d’fhorbair Google, a úsáideann Wix, Upwork, The Guardian, HBO agus go leor eile.
Son:
- Tacaíocht eisceachtúil do TypeScript
- Cuireann MVVM ar chumas forbróirí obair a dheighilt ar an rannán app céanna agus an tsraith chéanna sonraí á n-úsáid
- Doiciméadú den scoth
Cons:
- Tá beagán cuar foghlama aige
- Bíonn sé deacair aistriú ó sheanleagan.
- Tugtar nuashonruithe isteach go rialta rud a chiallaíonn go gcaithfidh forbróirí oiriúnú dóibh
Cad eile?
In uilleach 9, is é Ivy an tiomsaitheoir réamhshocraithe. Tá sé curtha i bhfeidhm chun go leor de na saincheisteanna a bhaineann le feidhmíocht agus méid comhaid a réiteach. Ba cheart go ndéanfadh sé iarratais níos lú, níos gasta agus níos simplí.
Nuair a dhéanann tú comparáid idir leaganacha roimhe seo de Angular le React agus Vue, déanann an
bhí méideanna na bundle deiridh i bhfad níos mó agus iad ag úsáid Dronuilleogach. Féadann Ivy Hydration Forásach a dhéanamh freisin, rud a léirigh an fhoireann uilleach ag I / O 2019. Úsáideann Hydration Forásach Ivy chun luchtú de réir a chéile ar an bhfreastalaí agus ar an gcliant. Mar shampla, a luaithe a thosaíonn úsáideoir idirghníomhú le leathanach, faightear cód ‘comhpháirteanna’ mar aon le haon rith-ama píosa ar phíosa.
Is cosúil gurb é Ivy an fócas mór atá ag dul ar aghaidh do Angular agus tá súil agam é a chur ar fáil do gach aip. Beidh rogha an diúltaithe i leagan 9, an bealach ar fad go dtí Dronuilleogach 10.
02. Imoibriú
Scaoil Facebook React i dtosach in 2013 agus úsáidtear é chun comhéadain idirghníomhacha gréasáin a thógáil. Úsáideann Netflix, Dropbox, PayPal agus Uber é chun cúpla ceann a ainmniú.
Son:
- Úsáideann React an DOM fíorúil, a bhfuil tionchar dearfach aige ar fheidhmíocht
- Is furasta JSX a scríobh
- Ní chuireann nuashonruithe isteach ar chobhsaíocht
Cons:
- Ceann de na príomhchonstaicí is ea go bhfuil leabharlanna tríú páirtí ag teastáil chun aipeanna níos casta a chruthú
- Fágtar forbróirí sa dorchadas ar an mbealach is fearr le forbairt
Cad eile?
Ag React Conf 2019, chuaigh foireann React i dteagmháil le roinnt rudaí a raibh siad ag obair orthu. Is é an chéad cheann Hydration Roghnach, agus is é sin an áit a stadfaidh React cibé rud a bhfuil sé ag obair air chun tosaíocht a thabhairt do na comhpháirteanna a bhfuil an t-úsáideoir ag idirghníomhú leo. De réir mar a théann an t-úsáideoir chun idirghníomhú le rannóg ar leith, hiodráitítear an limistéar sin. Tá an fhoireann ag obair ar Suspense freisin, is é sin córas React chun luchtú cód, sonraí agus íomhánna a eagrú. Cuireann sé seo ar chumas comhpháirteanna fanacht le rud éigin sula ndéanann siad iad.
Tá Hydration Roghnach agus Fionraí araon indéanta trí Mód Comhthráthach, a chuireann ar chumas aipeanna a bheith níos freagraí trí chumas a thabhairt do React dul isteach i mbloic mhóra d’obair le tosaíocht níos ísle d’fhonn díriú ar rud ar tosaíocht níos airde é, cosúil le freagairt d’ionchur úsáideora. Luaigh an fhoireann inrochtaineacht freisin mar réimse eile a raibh siad ag breathnú air, trí dhíriú ar dhá ábhar ar leith - fócas agus comhéadain ionchuir a bhainistiú.
03. Vue
D'fhorbair Evan You, iarfhostaí de chuid Google, Vue in 2014. Úsáideann Xiaomi, Alibaba agus GitLab é. D’éirigh le Vue tóir agus tacaíocht a fháil ó fhorbróirí i mbeagán ama agus gan tacaíocht ó mhórbhranda.
Son:
- An-éadrom i méid
- Cairdiúil do thosaitheoirí - éasca le foghlaim
- Pobal iontach
Cons:
- Gan tacaíocht ó chuideachta ollmhór, cosúil le React le Facebook agus Angular le Google
- Gan aon struchtúr fíor
Cad eile?
Tá an sprioc leagtha síos ag Vue dó féin a bheith níos tapa, níos lú, níos inbhuanaithe agus é a dhéanamh níos éasca d’fhorbróirí díriú ar dhúchas (má tá deacracht agat cothabháil a dhéanamh, smaoinigh ar sheirbhís óstála gréasáin). Tá an chéad eisiúint eile (3.0) dlite i R1 2020, a chuimsíonn athscríobh fíorúil DOM le haghaidh feidhmíochta níos fearr in éineacht le Tacaíocht TypeScript feabhsaithe. Tá an API Cumadóireachta curtha leis freisin, a sholáthraíonn bealach nua d’fhorbróirí comhpháirteanna a chruthú agus iad a eagrú de réir gné in ionad oibríochta.
Bhí na daoine atá ag forbairt Vue gnóthach freisin ag obair ar Suspense, a chuireann do chomhpháirt ar fáil ar fionraí agus a thugann comhpháirt cúltaca go dtí go gcomhlíontar coinníoll.
Ceann de na rudaí móra le nuashonruithe Vue is ea go gcothaíonn siad comhoiriúnacht siar. Níl siad ag iarraidh ort do shean-thionscadail Vue a bhriseadh. Chonaiceamar é seo san imirce ó 1.0 go 2.0 áit a raibh 90 faoin gcéad den API mar an gcéanna.
Conas a dhéantar comparáid idir comhréir na gcreataí?
Tá athruithe tagtha ar na trí chreat ó eisíodh iad ach rud amháin atá ríthábhachtach a thuiscint ná an chomhréir agus an difríocht atá ann. Breathnaímid ar an gcaoi a gcuirtear an chomhréir i gcomparáid le ceangailteach imeachtaí simplí:
Vue: Tá an v-on Úsáidtear treoir chun éisteoirí imeachta a cheangal a úsáideann modhanna ar chásanna Vue. Tá réimíreanna le treoracha v- d’fhonn a chur in iúl gur tréithe speisialta iad a sholáthraíonn Vue agus iompar imoibríoch speisialta a chur i bhfeidhm ar an DOM rindreáilte. Is féidir láimhseálaithe imeachta a sholáthar ar líne nó mar ainm an mhodha.
teimpléad> cnaipe v-on: cliceáil = "cliceáilHandler"> Cliceáil me / cnaipe> / teimpléad> script> réamhshocrú easpórtála {name: “HelloWorld”, modhanna: {clickHandler: function () {console.log (“Cliceáil orm! ”); }}}; / script>
Imoibriú: Cuireann React marc agus loighic in JS agus JSX, síneadh comhréire ar JavaScript. Le JSX, ritear an fheidhm mar láimhseálaí na hócáide. Tá láimhseáil imeachtaí le heilimintí React an-chosúil le himeachtaí ar eilimintí DOM a láimhseáil. Ach tá roinnt difríochtaí sintéiseacha ann; mar shampla, ainmnítear imeachtaí React ag baint úsáide as camelCase seachas litreacha beaga.
Cnaipe feidhm () {feidhm clickHandler (e) {console.log (“Cliceáil orm”); } cnaipe ar ais onClick = {clickHandler}> Cliceáil chugam! / cnaipe>; }
Dronuilleach: Is éard atá i gcomhréir ceangailteach imeachta ainm sprioc-imeachta laistigh de lúibíní ar thaobh na láimhe clé de chomhartha comhionann agus ráiteas teimpléid luaite ar dheis. Nó is féidir leat an ar- réimír, ar a dtugtar an fhoirm chanónach.
@Component ({roghnóir: “app-click-me”, teimpléad: `cnaipe (cliceáil) =" onClickMe () "> Cliceáil ormsa! / Cnaipe>`}) aicme easpórtála ClickMeComponent {onClickMe () {console.log (“ Chliceáil tú orm! ”); }}
Coitianta agus margadh
Tosaímid trí fhéachaint ar phictiúr foriomlán de na trí chreat maidir leis an gcuid eile den ngréasán trí scrúdú a dhéanamh ar stats ó W3Techs. Úsáideann 0.4 faoin gcéad de na láithreáin ghréasáin uilleach faoi láthair, le sciar den mhargadh leabharlainne JavaScript de 0.5 faoin gcéad. Úsáideann 0.3 faoin gcéad de na láithreáin ghréasáin go léir imoibriú agus sciar den mhargadh leabharlainne JavaScript 0.4 faoin gcéad agus tá 0.3 faoin gcéad ag Vue don dá cheann. Dealraíonn sé go bhfuil sé seo cothrom go leor agus bheifeá ag súil go bhfeicfeadh na huimhreacha ag ardú.
Treochtaí Google: Le 12 mhí anuas, is é React an ceann is mó a bhfuil tóir air i dtéarmaí cuardaigh, agus Dronuilleogach ina dhiaidh sin. Tá Vue.js go leor taobh thiar de; rud amháin le cuimhneamh, áfach, go bhfuil Vue fós óg i gcomparáid leis an dá cheann eile.
Cuardach poist: Agus é seo á scríobh, bhí React agus Angular meaitseáilte go dlúth i dtéarmaí liostaí poist ar Go deimhin le Vue i bhfad taobh thiar de. Ar LinkedIn, áfach, is cosúil go bhfuil níos mó éilimh ar fhorbróirí Vue.
Sreabhadh Stack: Má fhéachann tú ar thorthaí Shuirbhé Forbróirí Stack Overflow do 2019, is iad React agus Vue.js na creataí gréasáin is mó a bhfuil meas orthu agus a dteastaíonn uathu. Suíonn uilleach síos sa naoú háit do na daoine is mó a bhfuil grá acu ach an tríú duine is mó a theastaigh.
GitHub: Tá an líon is mó réaltaí ag Vue le 153k ach tá an líon is lú rannpháirtithe aige (283). Ar an láimh eile tá 140k réalta agus 1,341 rannpháirtí. Níl ach 59.6k réalta ag uilleach ach tá an líon is mó rannpháirtithe as an triúr le 1,579.
Treochtaí NPM: Taispeánann an íomhá thuas stats le 12 mhí anuas, áit ar féidir leat a fheiceáil go bhfuil líon níos airde íoslódálacha in aghaidh na míosa ag React i gcomparáid le Dronuilleogach agus Vue.
Forbairt aipeanna soghluaiste
Príomhfhócas amháin do na trí mhór ná imscaradh soghluaiste. Tá React Native ag React, a bhfuil tóir air anois chun aipeanna iOS agus Android a thógáil, ní hamháin d’úsáideoirí React ach don phobal forbartha app níos leithne freisin. Is féidir le forbróirí uilleach NativeScript a úsáid le haghaidh aipeanna dúchasacha nó ianach le haghaidh aipeanna soghluaiste hibrideacha, ach tá rogha ag forbróirí Vue NativeScript nó Vue Native. Mar gheall ar an tóir a bhí ar fheidhmchláir soghluaiste, is príomhréimse infheistíochta é seo i gcónaí.
Creataí eile le breathnú orthu in 2020
Más mian leat rud éigin nua a thriail in 2020, féach ar na creataí JavaScript seo.
Ember: Creat foinse oscailte chun feidhmchláir ghréasáin a thógáil a oibríonn bunaithe ar phatrún MVVM. Úsáideann roinnt cuideachtaí móra é mar Microsoft, Netflix agus LinkedIn.
Meteor: Ardán JavaScript lán-chruachta chun feidhmchláir nua-aimseartha gréasáin agus soghluaiste a fhorbairt. Tá sé éasca a fhoghlaim agus tá pobal an-tacúil ann.
Conclúid
Tá na trí chreat ag feabhsú i gcónaí, agus is comhartha spreagúil é sin. Tá a bpeirspictíocht féin agus an réiteach is fearr leo ag gach duine maidir le cén ceann ba chóir dóibh a úsáid ach baineann sé le méid an tionscadail i ndáiríre agus a fhágann go mbraitheann tú níos compordaí.
Is í an ghné is tábhachtaí ná tacaíocht leanúnach a bpobal, mar sin má tá tú ag pleanáil tionscadal nua a thosú agus nár úsáid tú aon cheann de na trí cinn riamh, ansin creidim go bhfuil tú i lámha sábháilte leo uile. Mura raibh deis agat ceann ar bith de na trí chreat a fhoghlaim fós, molaim duit rún na hAthbhliana a dhéanamh chun tosú ag foghlaim. Beidh an todhchaí ag teacht timpeall ar an triúr seo.
Bhí an t-ábhar seo le feiceáil ar dtús in iris ghlan.
