Seall HN: Vertex.js - Frèam SPA 1kloc

Àrdachadh meanbh-fhrèamaichean: Carson a tha luchd-leasachaidh a’ diùltadh innealan JavaScript sèididh

Chuir leasaiche suas frèam tagraidh aon-dhuilleag a chaidh a thogail ann an timcheall air 1,000 loidhne de chòd gu Hacker News o chionn ghoirid, agus b’ e freagairt dealain a bh’ ann. Thòisich am pròiseact - frèam SPA as ìsle - air deasbad a tha air a bhith a’ suirghe anns a’ choimhearsnachd leasachaidh lìn airson bhliadhnaichean: a bheil na h-innealan againn air fàs ro iom-fhillte airson nan duilgheadasan a tha iad a’ fuasgladh? Nuair a tha prìomh leabharlann React, an router aige, an ìre riaghlaidh stàite aige, agus an uidheamachd togail aige còmhla a ’toirt a-steach ceudan de mhìltean de loidhnichean còd, tha frèam a bheir seachad slighe, ath-ghnìomhachd, agus toirt seachad co-phàirtean ann an dìreach loidhnichean 1,000 a’ togail ceist mhì-chofhurtail. Do ghnìomhachasan a tha a’ togail thagraidhean mu choinneamh teachdaiche, tha fìor bhuaidh aig freagairt na ceiste sin - ann an amannan luchdan, cinneasachd leasaiche, agus cosgaisean cumail suas fad-ùine.

Na tha frèam 1,000-loidhne a’ dearbhadh dha-rìribh

Chan eil am beachd air meanbh-fhrèam ùr. Bha timcheall air 1,800 loidhne de chòd stòr le notaichean aig Backbone.js nuair a thàinig e gu crìch ann an 2010. Bha bàtaichean Mithril.js nas lugha na 10KB gzipped. Chan e an rud a tha a’ toirt fa-near do gach inntrigeadh ùr san roinn seo an cunntas loidhne fhèin ach na tha e a’ nochdadh mu staid gnàthach APIan brabhsair. Bidh brobhsairean ùr-nodha a’ dol le taic dhùthchasach airson litrichean teamplaid, an API Eachdraidh, reactivity stèidhichte air proxy, eileamaidean gnàthaichte, agus luchdachadh mhodalan. O chionn deich bliadhna, bha feum aig frèaman air mìltean de loidhnichean dìreach airson eadar-dhealachaidhean eadar Internet Explorer agus Chrome a dhèanamh àbhaisteach. An-diugh, faodaidh leasaiche sgileil frèam SPA làn-ghnìomhach a thogail mar shreath tana orcastra a bharrachd air prìomh-amasan àrd-ùrlair.

Tha seo cudromach a chionn 's gu bheil e a' gluasad a' chòmhraidh bho "dè am frèam a bu chòir dhuinn taghadh?" gu "a bheil feum againn air frèam idir?" Airson pròiseactan beaga gu meadhanach - duilleag tighinn air tìr le earrannan fiùghantach, deas-bhòrd a-staigh, portal teachdaiche - tha am freagairt a ’sìor fhàs: is dòcha nach eil, no co-dhiù chan e fear trom. Tha am frèam loidhne 1,000 na dhearbhadh gu bheil an àrd-ùrlar air tighinn gu ìre chun na h-ìre far a bheil obair an fhrèam a' crìonadh.

Gu dearbh, tha frèamaichean mar React agus Vue fhathast a’ cosnadh an cuid cuideim ann an tagraidhean air sgèile mhòr le craobhan stàite iom-fhillte, feumalachdan tairgse taobh an fhrithealaiche, agus sgiobaidhean de 20+ leasaiche a gheibh buannachd bho ghnàthasan teann. Is e am prìomh shealladh gu bheil an inneal ceart gu tur an urra ri farsaingeachd na trioblaid.

Fìor chosgais JavaScript Bloat

Tha rannsachadh Google fhèin air sealltainn gu cunbhalach gum faod a h-uile 100 millisecons de ùine luchdan a bharrachd ìrean tionndaidh a lughdachadh suas ri 7%. Tha an duilleag-lìn mheadhanach a-nis a’ giùlan còrr air 500KB de JavaScript — figear a tha cha mhòr air trì uiread bho 2015. Do ghnìomhachasan, chan e meatrach dèanadais eas-chruthach a tha seo. Tha e ag eadar-theangachadh gu dìreach gu teachd-a-steach caillte, ìrean breab nas àirde, agus rangachadh einnseanan luirg nas miosa.

Tha an duilgheadas nas miosa air lìonraidhean gluasadach. Faodaidh neach-cleachdaidh air inneal meadhan-raon Android a tha a’ ceangal thairis air 3G feitheamh 5-8 diogan airson duilleag trom JavaScript a bhith eadar-ghnìomhach, eadhon às deidh don chiad HTML a bhith air a thoirt seachad. Tha seo gu sònraichte na pheanas do ghnìomhachasan a tha a’ frithealadh luchd-ceannach ann am margaidhean a tha a’ tighinn am bàrr, far a bheil brobhsadh gluasadach an-toiseach mar an àbhaist agus tha bun-structar lìonra ag atharrachadh gu mòr.

• Àm parse: Bheir pasganan mòra JavaScript nas fhaide airson a pharsadh is a chur ri chèile, fiù 's mus tèid aon loidhne de chòd tagraidh a chur an gnìomh
• Cuideam cuimhne: Bidh taobh a-staigh frèam toinnte ag ithe cuimhne a dh’ fhaodadh an aplacaid fhèin a chleachdadh
• Ùraich sgìths: Bidh ùrachadh mòr air an fhrèam (Angular 1 gu 2, Vue 2 gu 3, pàirtean clas React gu dubhan) a’ toirt oidhirpean imrich cosgail gach 2-3 bliadhna
• Slabhraidhean eisimeileachd: Ann am pasgan node_modules pròiseact React àbhaisteach tha 800-1,200 pasgan, gach fear dhiubh so-leòntachd tèarainteachd no atharrachadh briste
• Tog iom-fhillteachd: Bidh Webpack, Babel, PostCSS, agus na faidhlichean rèiteachaidh aca gu tric nas àirde na còd an aplacaid a bhios iad a’ frithealadh

Tha meanbh-fhrèamaichean a’ taobhadh ris a’ mhòr-chuid de na cosgaisean sin. Le nas lugha de gheàrr-chunntasan, tha nas lugha de rudan ri bhriseadh, nas lugha de eisimeileachd ri sgrùdadh, agus nas lugha de bhiteagan airson an cur chun bhrobhsair. Airson gnìomhachas a dh’ fheumas làthaireachd lìn luath, earbsach às aonais sgioba bun-structair aghaidh sònraichte, tha am matamataigs a’ sìor fhàs nas fheàrr le sìmplidheachd.

Carson a tha a’ choimhearsnachd leasaiche air a sgaradh

Tha deasbad Hacker News mu fhrèaman beaga SPA gu h-earbsach a’ gineadh dà champa mu choinneamh. Air aon taobh tha luchd-leasachaidh a tha air bliadhnaichean a chuir seachad ann an còdan mòra air an togail air React or Angular agus a tha air faicinn dhaibh fhèin mar a tha iom-fhillteachd frèam a’ tighinn còmhla thar ùine. Tha iad air bailiùn feartan sìmplidh fhaicinn a-steach do ghnìomhan ioma-latha oir tha gnàthasan an fhrèam a’ feumachdainn rèiteachadh router suathadh, clàr-goileadair riaghlaidh stàite, agus acfhainn deuchainn a bhios a’ magadh air taobh a-staigh frèam. Dha an luchd-leasachaidh seo, tha frèam loidhne 1,000 a’ riochdachadh saorsa – tilleadh gu bhith a’ tuigsinn a h-uile loidhne de chòd a tha a’ ruith san tagradh aca.

Air an taobh eile tha pragmatists a tha a’ comharrachadh gu bheil frèaman ann leis gu bheil feum aig tagraidhean san t-saoghal fhìor air na tha iad a’ toirt seachad aig a’ cheann thall: goireasan ruigsinneachd, eadar-nàiseantachd, sgoltadh còd, toirt seachad taobh an fhrithealaiche, agus loidhne-phìoban fastaidh de luchd-leasachaidh aig a bheil eòlas air an inneal mu thràth. Is dòcha gum bi meanbh-fhrèam tlachdmhor airson pròiseact deireadh-seachdain, tha iad ag argamaid, ach feuch ri sgioba de chòignear a chuir air bòrd còd 1,000 loidhne sònraichte gun fhreagairtean Stack Overflow agus gun sgrìobhainnean oifigeil.

Tha puingean dligheach aig an dà thaobh, agus is e an fhìrinn gu bheil an roghainn co-theacsail. Tha feumalachdan bunaiteach eadar-dhealaichte aig stèidheadair aon-neach a tha a’ togail MVP na sgioba iomairt a tha a’ cumail suas tagradh còig bliadhna. Tha an cunnart ann a bhith a’ cleachdadh fhuasglaidhean iomairt air duilgheadasan tòiseachaidh, no innealan tòiseachaidh airson dùbhlain iomairt.

Na dh’ fheumas gnìomhachasan an latha an-diugh bhon chruach teicneòlais aca

Tha an deasbad frèam-obrach aig a’ cheann thall na neach-ionaid airson ceist nas motha: ciamar a bu chòir do ghnìomhachasan na goireasan teicnigeach cuibhrichte aca a riarachadh? Tha a h-uile uair a bhios leasaiche a’ cosg a’ rèiteachadh loidhne-phìoban togail no a’ gluasad gu dreach frèam ùr uair a thìde nach eil air a chosg air feartan togail a bhios a’ frithealadh luchd-ceannach. Dha mòran ghnìomhachasan - gu sònraichte gnìomhachdan beaga is meadhanach - is e an roghainn teicneòlais as fheàrr aon a lughdaicheas a’ bheàrn eadar “Tha beachd agam” agus “tha luchd-ceannach ga chleachdadh.”

Is e an co-dhùnadh teicneòlais as fheàrr a nì gnìomhachas a tha a’ fàs a bhith a’ taghadh innealan a dh’ fhuasgladh duilgheadasan an latha an-diugh gun a bhith a’ cruthachadh eallach cumail suas a-màireach. Co-dhiù a tha sin a’ ciallachadh frèam loidhne 1,000 no àrd-ùrlar air a riaghladh gu h-iomlan, tha an amas mar an ceudna: caith d’ ùine air na tha a’ dèanamh do ghnìomhachas gun samhail, chan ann air bun-structar a dh’ fheumas a h-uile gnìomhachas.

Tha am prionnsapal seo a’ leudachadh nas fhaide na frèaman aghaidh. Bidh gnìomhachasan gu cunbhalach ag ath-thogail na h-aon shiostaman cùl-taic - dearbhadh luchd-cleachdaidh, giullachd pàighidh, CRM, fàirdeal, clàradh - leis gu bheil an stac tech a thagh iad ga iarraidh. Tha àrd-ùrlaran mar Mewayz ann dìreach airson cuir às don obair ath-aithris seo, a’ tabhann 207 modal ro-thogte a’ còmhdach a h-uile càil bho CRM agus pàighidh gu siostaman glèidhidh agus anailis. Tha an aon fheallsanachd a bhios a’ stiùireadh luchd-leasachaidh gu meanbh-fhrèamaichean - dèan barrachd le nas lugha, cuir às do iom-fhillteachd neo-riatanach - a’ stiùireadh ghnìomhachasan a dh’ ionnsaigh àrd-ùrlaran daingnichte a chuireas aon shiostam an àite dhusanan de fho-sgrìobhaidhean SaaS.

An Spectrum Frèam: A’ Lorg d’ àite milis

An àite a bhith a’ làimhseachadh an roghainn frèam mar dhàna - mega-frèam no meanbh-fhrèam - bidh e na chuideachadh dhut smaoineachadh a thaobh speactram. Aig aon cheann, tha vanilla JavaScript agad le tarraing neoni. Aig an taobh eile, tha frèaman meta làn-chruach agad mar Next.js no Nuxt a bhios a’ làimhseachadh slighe, toirt seachad, faighinn dàta, agus cleachdadh. Buinidh a’ mhòr-chuid de phròiseactan am badeigin sa mheadhan.

Airson làrach margaidheachd mu choinneamh teachdaichean le beagan eileamaidean eadar-ghnìomhach, dh’ fhaodadh gum bi meanbh-fhrèam no eadhon ath-ghnìomhachd in-loidhne ann an stoidhle Alpine.js air leth freagarrach. Airson deas-bhòrd SaaS iom-fhillte le dàta fìor-ùine, ceadan stèidhichte air dreuchd, agus taic far-loidhne, is fhiach frèam aibidh le eag-shiostam beairteach a bharrachd. 'S e an roghainn as truime a th' anns a' mhearachd a chionn 's gur e am fear as mòr-chòrdte a th' ann, no 's e an tè as aotruime a th' ann a chionn 's gur e an tè as sàsaiche a thaobh inntleachdail.

Tha an deuchainn phractaigeach sìmplidh: dèan liosta de gach feart a dh’ fheumas an aplacaid agad anns na 12 mìosan a tha romhainn. Ma tha meanbh-fhrèam a’ còmhdach 90% de na feumalachdan sin agus faodaidh tu an 10% a tha air fhàgail a roiligeadh le làimh ann an nas lugha de ùine na bhiodh tu a’ caitheamh a’ rèiteachadh frèam nas motha, bidh am meanbh-fhrèam a’ buannachadh. Ma tha an liosta fheartan agad a’ toirt a-steach cuibhreann taobh an fhrithealaiche, dearbhadh cruth iom-fhillte, orcastra beòthalachd, agus taic ruigsinneachd domhainn, is dòcha gum pàigh am frèam as motha air a shon fhèin.

Leasanan do Luchd-stèidheachaidh Neo-theicnigeach agus Luchd-obrachaidh Gnìomhachais

Ma tha thu a’ ruith gnìomhachas agus gu bheil an sgioba teignigeach agad a’ deasbad frèamaichean, seo na tha cudromach. An toiseach, faighnich mun àm airson nochdadh an toiseach - dè cho luath ‘s as urrainn do leasaiche ùr air an sgioba atharrachadh brìoghmhor a chuir air adhart? Ma tha am freagairt a’ toirt a-steach làithean de shuidheachadh àrainneachd agus ionnsachadh frèam, tha sin na shoidhne rabhaidh ge bith dè am frèam a chaidh a thaghadh. San dàrna àite, faighnich mun t-slighe ùrachadh. Bidh frèaman-obrach a bhios a’ sgaoileadh atharrachaidhean briste a h-uile 18 mìosan a’ sparradh cìs falaichte nach ann ainneamh a nochdas sa chiad mheasadh.

San treas àite, agus nas cudromaiche, ceasnaich a bheil feum agad air bathar-bog a chaidh a thogail a dh’aona-ghnothach idir airson a’ ghnìomh sin. Bidh mòran ghnìomhachasan a’ tasgadh mìosan de dh’ ùine leasaiche a’ togail innealan a-staigh - clàran-làimhe, siostaman CRM, sruthan fàirdeal, eadar-aghaidh clàraidh - a tha ann mar-thà mar thoraidhean snasail, air an cumail suas. Faodaidh àrd-ùrlar mar Mewayz, a bhios a’ frithealadh còrr air 138,000 neach-cleachdaidh le modalan a’ spangachadh an speactram iomlan de ghnìomhachd gnìomhachais, cuir às don fheum air leasachadh gnàthaichte gu tur airson gnìomhan gnìomhachais àbhaisteach. Bheir seo saorsa don sgioba leasachaidh agad fòcas a chuir air na taobhan sònraichte den toradh agad - na feartan nach urrainn inneal far-sgeilp a thoirt seachad.

1. Dèan sgrùdadh air a’ chòd àbhaisteach agad: Sònraich dè na h-innealan a-staigh a bhios a’ dèanamh lethbhreac de ghnìomhachd a tha ri fhaighinn air na h-àrd-chabhsairean a tha ann mu thràth
2. Dèan obrachadh a-mach fìor chosgais: Factar chan e a-mhàin leasachadh tùsail ach cumail suas leantainneach, badan tèarainteachd, agus iarrtasan feart
3. Dèan measadh air daingneachadh: Cunnt na fo-sgrìobhaidhean SaaS gnàthach agad agus dèan coimeas eadar a’ chosgais agus àrd-ùrlar amalaichte
4. Dìon na diofar eadar-dhealachaidhean agad: Glèidh goireasan leasachaidh gnàthaichte airson feartan a tha dha-rìribh a’ cur do ghnìomhachas air leth

Buinidh an t-àm ri teachd do roghainnean a dh’aona ghnothaich

Chan ann dìreach mun fhrèam fhèin a tha an togail-inntinn timcheall air frèam SPA de 1,000 loidhne. Tha e mu dheidhinn gluasad a tha a’ sìor fhàs ann an leasachadh bathar-bog a dh’ionnsaigh rùn - a’ taghadh innealan leis gu bheil iad a’ freagairt air an duilgheadas, chan ann leis gu bheil smachd aca air a’ mhargaidh. Tha eag-shiostam JavaScript air an deichead mu dheireadh a chuir seachad ann an rèis armachd de fheartan agus tarraingean. Tha an frith-ghluasad, air a riochdachadh le meanbh-fhrèamaichean, HTML air a thoirt seachad leis an fhrithealaiche, agus APIan dùthchasach àrd-ùrlair, na cheartachadh a dh’ ionnsaigh pragmatachd.

Do ghnìomhachasan, tha an gluasad seo dearbhach gun teagamh. Tha e a’ ciallachadh barrachd roghainnean, cosgaisean tionndaidh nas ìsle, agus cultar leasaiche a tha a’ sìor fhàs a’ cur luach air sìmplidheachd agus astar thairis air iomlanachd teòiridheach. Ge bith an e neach-tionnsgain aon-neach a th’ annad a’ taghadh eadar WordPress agus làrach a chaidh a thogail a dh’aona-ghnothach, no CTO a’ measadh am bu chòir dhut an ath inneal a-staigh agad a thogail no a cheannach, tha an aon phrionnsapal a’ buntainn: is e an teicneòlas as fheàrr an tè a thèid à sealladh air a’ chùl, a’ leigeil leat fòcas a chuir air a bhith a’ frithealadh do luchd-ceannach.

Tha am frèam loidhne 1,000 a’ cur nar cuimhne nach eil cumhachd a’ cur feum air iom-fhillteachd. Is e na gnìomhachasan as èifeachdaiche - agus na h-innealan as èifeachdaiche - an fheadhainn a nì dìreach na tha a dhìth agus gun dad a bharrachd.

Ceistean Bitheanta

Dè a th’ ann am meanbh-fhrèam mar Vertex.js?

Is e leabharlann JavaScript as ìsle a th’ ann am meanbh-fhrèam a chaidh a dhealbhadh gus prìomh ghnìomhan tagraidh a làimhseachadh às aonais a’ mhòr-chuid de fhuasglaidhean nas motha. Bidh Vertex.js a’ coileanadh seo le bhith a’ toirt seachad comas-gnìomh SPA riatanach - leithid slighe agus riaghladh stàite - ann an timcheall air 1,000 loidhne de chòd. Tha seo eadar-dhealaichte bho fhrèaman a dh’ fheumas leabharlannan fa leth, nas truime airson slighe no stàite, a’ lughdachadh iom-fhillteachd iomlan agus bloat airson pròiseactan nas lugha.

Carson a tha luchd-leasachaidh a’ gluasad a dh’ionnsaigh innealan nas sìmplidh?

Tha mòran de luchd-leasachaidh a’ faireachdainn gu bheil innealan JavaScript ùr-nodha air fàs ro iom-fhillte airson a’ phròiseict àbhaisteach. Faodaidh frèaman trom amannan togail slaodach, lùb ionnsachaidh cas, agus feartan neo-riatanach a thoirt a-steach. Tha innealan nas sìmplidh mar Vertex.js a’ tabhann eòlas leasachaidh nas luaithe agus nas so-thuigsinn le bhith ag amas air na duilgheadasan riatanach a dh’ fheumas frèam fhuasgladh, a’ co-thaobhadh nas fheàrr ri fìor riatanasan a’ phròiseict.

A bheil Vertex.js freagarrach airson aplacaid mhòr, iom-fhillte?

Tha Vertex.js air a dhealbhadh gu sònraichte airson pròiseactan nas lugha far a bheil sìmplidheachd agus os cionn ìosal cudromach. Airson tagraidhean fìor mhòr, iom-fhillte le mòran phàirtean eadar-ghnìomhach, is dòcha gum biodh frèam nas beairtiche le feart le eag-shiostam mòr nas freagarraiche. Dha sgiobaidhean a dh’ fheumas modalan farsaing ro-thogte, dh’ fhaodadh seirbheis mar Mewayz (a’ tabhann 207 modal airson $19/mo) an UI riatanach agus na pàirtean gnìomh a tha a dhìth air meanbh-fhrèam a thoirt seachad.

A bheil feum agam fhathast air inneal togail le Vertex.js?

Ged a tha Vertex.js fhèin aotrom, tha coltas ann gun cleachd thu inneal togail fhathast airson leasachadh proifeiseanta. Tha feum air innealan mar Vite no Parcel gus do chòd a phasgadh, eisimeileachd npm a làimhseachadh, agus feartan JavaScript ùr-nodha a chomasachadh. Ach, tha an t-sreath innealan iomlan fhathast nas sìmplidh na an fheadhainn a tha riatanach le frèaman nas motha, leis gu bheil thu a’ seachnadh leabharlannan riaghlaidh stàite agus slighe iom-fhillte.