Fihan HN: Vertex.js – A 1kloc SPA Framework

Eyi ni nkan naa:

Dide ti Awọn ilana-Mikiro: Kini idi ti Awọn Difelopa Ṣe Kọ Ohun-elo JavaScript Bloated

Olugbese kan laipe fiweranṣẹ ilana elo oju-iwe kan ṣoṣo ti a ṣe ni aijọju awọn laini koodu 1,000 si Awọn iroyin Hacker, ati pe idahun jẹ ina. Ise agbese na - ilana SPA ti o kere ju - ṣe ijọba ariyanjiyan ti o ti n ṣan ni agbegbe idagbasoke wẹẹbu fun awọn ọdun: Njẹ awọn irinṣẹ wa ti di idiju pupọ fun awọn iṣoro ti wọn yanju? Nigbati ile-ikawe mojuto React, olulana rẹ, ipele iṣakoso ipinlẹ rẹ, ati ohun elo kikọ rẹ ni apapọ ni iwuwo ni awọn ọgọọgọrun egbegberun awọn laini koodu, ilana kan ti o ṣe jiṣẹ ipa-ọna, imuṣiṣẹsẹhin, ati awọn ẹya paati ni awọn laini 1,000 kan fi agbara mu ibeere korọrun kan. Fun awọn iṣowo ti n kọ awọn ohun elo ti nkọju si alabara, idahun si ibeere yẹn ni awọn abajade gidi - ni awọn akoko fifuye, iṣelọpọ idagbasoke, ati awọn idiyele itọju igba pipẹ.

Kini Ilana Laini 1,000 Ṣe afihan Lootọ

Ero ti a micro-framework kii ṣe tuntun. Backbone.js wà aijọju 1,800 ila ti annotated orisun koodu nigba ti o debuted ni 2010. Mithril.js ọkọ ni labẹ 10KB gzipped. Ohun ti o jẹ ki titẹ sii tuntun kọọkan ninu ẹka yii jẹ akiyesi kii ṣe kika laini funrararẹ ṣugbọn ohun ti o ṣafihan nipa ipo lọwọlọwọ ti awọn API aṣawakiri. Awọn aṣawakiri ode oni n gbe pẹlu atilẹyin abinibi fun awọn awoṣe gangan, API Itan-akọọlẹ, imuṣiṣẹ orisun-aṣoju, awọn eroja aṣa, ati ikojọpọ module. Ni ọdun mẹwa sẹhin, awọn ilana nilo ẹgbẹẹgbẹrun awọn laini kan lati ṣe deede awọn iyatọ laarin Internet Explorer ati Chrome. Loni, olupilẹṣẹ ti oye le kọ ilana SPA ti o ṣiṣẹ ni kikun bi Layer orchestration tinrin lori oke awọn ipilẹṣẹ ipilẹṣẹ.

Eyi ṣe pataki nitori pe o yi ibaraẹnisọrọ naa pada lati “ilana wo ni o yẹ ki a yan?” lati "ṣe a nilo ilana kan ni gbogbo?" Fun awọn iṣẹ akanṣe kekere-si-alabọde - oju-iwe ibalẹ pẹlu awọn apakan ti o ni agbara, dasibodu inu, ọna abawọle alabara kan - idahun n pọ si: boya rara, tabi o kere ju kii ṣe eyi ti o wuwo. Ilana laini 1,000 jẹ ẹri pe pẹpẹ ti dagba si aaye nibiti iṣẹ ilana ti n dinku.

Nitoribẹẹ, awọn ilana bii React ati Vue tun jo'gun iwuwo wọn ni awọn ohun elo titobi nla pẹlu awọn igi ipinlẹ eka, awọn iwulo ti awọn olupin olupin, ati awọn ẹgbẹ ti 20+ ti o dagbasoke ti o ni anfani lati awọn apejọ lile. Imọye bọtini ni pe ohun elo ti o tọ da lori ipari ti iṣoro naa.

Iye owo gidi ti JavaScript Bloat Iwadii Google ti ara rẹ ti fihan nigbagbogbo pe gbogbo 100 milliseconds ti akoko fifuye ti a ṣafikun le dinku awọn oṣuwọn iyipada nipasẹ to 7%. Oju-iwe ayelujara agbedemeji bayi n gbe lori 500KB ti JavaScript - eeya kan ti o ti fẹrẹẹlọpo mẹta lati ọdun 2015. Fun awọn iṣowo, eyi kii ṣe metiriki iṣẹ ṣiṣe. O tumọ taara si owo-wiwọle ti o sọnu, awọn oṣuwọn agbesoke giga, ati awọn ipo ẹrọ wiwa ti o buruju.

Iṣoro naa jẹ idapọ lori awọn nẹtiwọọki alagbeka. Olumulo lori ẹrọ Android agbedemeji ti o so pọ lori 3G le duro fun iṣẹju-aaya 5-8 fun oju-iwe JavaScript ti o wuwo lati di ibaraenisepo, paapaa lẹhin HTML akọkọ ti ṣe. Eyi jẹ ijiya ni pataki fun awọn iṣowo ti n ṣiṣẹsin awọn alabara ni awọn ọja ti n yọ jade, nibiti lilọ kiri alagbeka-akọkọ jẹ iwuwasi ati awọn amayederun nẹtiwọọki yatọ ni iyalẹnu.

• Aago itọ: Awọn edidi JavaScript nla gba to gun lati ṣajọ ati ṣajọ, paapaa ṣaaju ila kan ti koodu ohun elo ṣiṣe
• Iwọn titẹ iranti: Awọn ilana ti o ni eka inu inu jẹ iranti ti o le ṣee lo nipasẹ ohun elo funrararẹ
• Imudojuiwọn rirẹ: Awọn iṣagbega ilana pataki (Angular 1 si 2, Vue 2 si 3, Awọn paati kilasi fesi si awọn kio) fi agbara mu awọn igbiyanju ijira iye owo ni gbogbo ọdun 2-3
• Awọn ẹwọn Igbẹkẹle: Fadaka node_modules ise agbese React aṣoju ni awọn akojọpọ 800-1,200, ọkọọkan jẹ ailagbara aabo tabi iyipada fifọ
• Kọ idiju:Pack Web, Babel, PostCSS, ati awọn faili iṣeto ni igbagbogbo kọja koodu ohun elo ti wọn nṣe

Micro-frameworks si ọna pupọ julọ awọn idiyele wọnyi. Pẹlu awọn abstractions diẹ, awọn nkan diẹ wa lati fọ, awọn igbẹkẹle diẹ lati ṣe ayẹwo, ati awọn baiti diẹ lati firanṣẹ si ẹrọ aṣawakiri. Fun iṣowo ti o nilo iyara, wiwa oju opo wẹẹbu ti o gbẹkẹle laisi ẹgbẹ amayederun iwaju iwaju, mathimatiki n ṣe ojurere si ayedero.

Kini idi ti Agbegbe Olùgbéejáde Ṣe Pipin

Ifọrọwerọ Awọn iroyin Hacker ni ayika awọn ilana SPA kekere ni igbẹkẹle ṣe ipilẹṣẹ awọn ago meji ti o tako. Ni ẹgbẹ kan ni awọn olupilẹṣẹ ti o ti lo awọn ọdun ni awọn koodu koodu nla ti a ṣe lori React tabi Angular ati pe wọn ti rii ni akọkọ bi awọn agbo ogun idiju ilana ṣe ni akoko pupọ. Wọn ti wo balloon awọn ẹya ti o rọrun sinu awọn iṣẹ-ṣiṣe ọjọ-ọpọlọpọ nitori awọn apejọ ilana nilo atunto olulana fifọwọkan, igbomikana iṣakoso ipinlẹ, ati awọn ijanu idanwo ti o ṣe ẹlẹya awọn inu ilana ilana. Fun awọn olupilẹṣẹ wọnyi, ilana ila-1,000 kan duro fun ominira - ipadabọ si oye gbogbo laini koodu ti o nṣiṣẹ ninu ohun elo wọn.

Ni apa keji ni awọn pragmatists ti o tọka si pe awọn ilana wa nitori awọn ohun elo gidi-aye nikẹhin nilo ohun ti wọn pese: awọn ohun elo iraye si, isọdọkan kariaye, pipin koodu, ṣiṣe awọn ẹgbẹ olupin, ati opo gigun ti igbanisise ti awọn olupilẹṣẹ ti o ti mọ ohun elo tẹlẹ. Ilana-kekere kan le jẹ igbadun fun iṣẹ akanṣe ipari-ọsẹ kan, wọn jiyan, ṣugbọn gbiyanju lati wọ inu ẹgbẹ kan ti marun si ipilẹ koodu laini 1,000 kan ti ko ni awọn idahun Stack Overflow ati pe ko si iwe aṣẹ osise.

Awọn ẹgbẹ mejeeji ni awọn aaye to wulo, ati pe otitọ ni pe yiyan jẹ ọrọ-ọrọ. Oludasile adashe ti o kọ MVP kan ni awọn iwulo oriṣiriṣi pataki ju ẹgbẹ ile-iṣẹ kan ti n ṣetọju ohun elo ọmọ ọdun marun kan. Ewu naa wa ni lilo awọn ojutu ile-iṣẹ si awọn iṣoro ibẹrẹ, tabi awọn irinṣẹ ibẹrẹ si awọn italaya ile-iṣẹ.

Kini Awọn iṣowo ode oni Nilo Lootọ Lati Ikopọ Tekinoloji wọn

ariyanjiyan ilana naa jẹ aṣoju nikẹhin fun ibeere nla: bawo ni o ṣe yẹ ki awọn iṣowo pin awọn orisun imọ-ẹrọ wọn lopin? Ni gbogbo wakati ti olupilẹṣẹ nlo atunto opo gigun ti epo tabi gbigbe si ẹya tuntun jẹ wakati kan ti ko lo awọn ẹya ile ti o ṣe iranṣẹ fun awọn alabara. Fun ọpọlọpọ awọn iṣowo - paapaa awọn iṣẹ ṣiṣe kekere ati aarin - yiyan imọ-ẹrọ to dara julọ jẹ ọkan ti o dinku aafo laarin “Mo ni imọran kan” ati “awọn alabara n lo.”

Ipinnu imọ-ẹrọ ti o dara julọ ti iṣowo ti ndagba le ṣe ni yiyan awọn irinṣẹ ti o yanju awọn iṣoro oni laisi ṣiṣẹda ẹru itọju ọla. Boya iyẹn tumọ si ilana laini 1,000 tabi pẹpẹ ti iṣakoso ni kikun, ibi-afẹde naa jẹ kanna: lo akoko rẹ lori ohun ti o jẹ ki iṣowo rẹ jẹ alailẹgbẹ, kii ṣe lori awọn amayederun ti gbogbo iṣowo nilo.

Ilana yii gbooro kọja awọn ilana iwaju. Awọn iṣowo n ṣe atunṣe awọn ọna ṣiṣe ẹhin kanna - ijẹrisi olumulo, ṣiṣe isanwo, CRM, risiti, ṣiṣe eto - nitori akopọ imọ-ẹrọ ti wọn yan nilo rẹ. Awọn iru ẹrọ bii Mewayz wa ni deede lati ṣe imukuro iṣẹ atunwi yii, nfunni ni awọn modulu 207 ti a ti kọ tẹlẹ ti o bo ohun gbogbo lati CRM ati isanwo-owo si awọn eto ifiṣura ati awọn atupale. Imọye kanna ti o ṣe awakọ awọn olupilẹṣẹ si awọn ọna ṣiṣe bulọọgi - ṣe diẹ sii pẹlu kere si, imukuro idiju ti ko wulo - ṣe awakọ awọn iṣowo si awọn iru ẹrọ isọdọkan ti o rọpo awọn dosinni ti awọn ṣiṣe alabapin SaaS pẹlu eto ẹyọkan.

Awọn Framework Spectrum: Wiwa Aami Didun Rẹ

Dipo ki o tọju yiyan ilana bi alakomeji — mega-framework tabi micro-framework — o ṣe iranlọwọ lati ronu ni awọn ofin ti spekitiriumu kan. Ni ipari kan, o ni fanila JavaScript pẹlu awọn abstractions odo. Ni ẹlomiiran, o ni awọn ilana-apapọ ni kikun bi Next.js tabi Nuxt ti o mu ipa-ọna, ṣiṣe, gbigbe data, ati imuṣiṣẹ. Pupọ awọn iṣẹ akanṣe jẹ ibikan ni aarin.

Fun oju opo wẹẹbu titaja ti nkọju si alabara pẹlu awọn eroja ibaraenisepo diẹ, ilana-mikro-fireemu kan tabi paapaa isọdọtun inline ara-ara Alpine.js le jẹ ibamu pipe. Fun dasibodu SaaS eka kan pẹlu data akoko gidi, awọn igbanilaaye ti o da lori ipa, ati atilẹyin aisinipo, ilana ti ogbo pẹlu ilolupo ilolupo kan jẹ tọ si oke. Aṣiṣe naa jẹ aipe si aṣayan ti o wuwo julọ nitori pe o jẹ olokiki julọ, tabi aifọwọyi si imọlẹ julọ nitori pe o jẹ itẹlọrun ọgbọn julọ.

Idanwo ilowo jẹ taara: ṣe atokọ gbogbo ẹya ohun elo rẹ nilo ni awọn oṣu 12 to nbọ. Ti o ba ti bulọọgi-fireemu ni wiwa 90% ti awon aini ati awọn ti o le fi ọwọ yipo 10% awọn ti o ku ni akoko ti o kere ju ti o fe na tito leto kan ti o tobi ilana, bulọọgi-fireemu AamiEye. Tí àtòkọ ẹ̀yà ara rẹ bá ní ìmújáde ẹ̀gbẹ́ olupin, ìmúdájú fọ́ọ̀mù dídíjú, ìmúrasílẹ̀ eré ìdárayá, àti àtìlẹ́yìn ìráyè jìn, ó ṣeé ṣe kí ètò tó tóbi náà sanwó fún ara rẹ̀.

Awọn ẹkọ fun Awọn oludasilẹ ti kii ṣe Imọ-ẹrọ ati Awọn oniṣẹ Iṣowo

Ti o ba n ṣiṣẹ iṣowo kan ati pe ẹgbẹ imọ-ẹrọ rẹ n ṣe ariyanjiyan awọn ilana, eyi ni ohun ti o ṣe pataki. Ni akọkọ, beere nipa akoko si ẹya akọkọ - bawo ni iyara ṣe le ṣe idagbasoke idagbasoke tuntun lori ẹgbẹ ni iyipada ti o nilari? Ti idahun ba kan awọn ọjọ ti iṣeto ayika ati ẹkọ ilana, iyẹn jẹ ami ikilọ laibikita iru ilana ti o yan. Keji, beere nipa ọna igbesoke. Awọn ilana ti o tu awọn iyipada fifọ silẹ ni gbogbo oṣu 18 fa owo-ori ti o farapamọ ti o ṣọwọn han ni igbelewọn akọkọ.

Ẹkẹta, ati pataki julọ, beere boya o nilo sọfitiwia ti a ṣe ni aṣa rara fun iṣẹ ti o ni ibeere. Ọpọlọpọ awọn iṣowo ṣe idoko-owo awọn oṣu ti akoko idagbasoke idagbasoke awọn irinṣẹ inu - awọn dasibodu, awọn eto CRM, ṣiṣan risiti, awọn atọkun ṣiṣe eto - ti o wa tẹlẹ bi didan, awọn ọja itọju. Syeed kan bii Mewayz, eyiti o nṣe iranṣẹ lori awọn olumulo 138,000 pẹlu awọn modulu ti o tan kaakiri ni kikun ti awọn iṣẹ iṣowo, le ṣe imukuro iwulo fun idagbasoke aṣa patapata fun awọn iṣẹ iṣowo boṣewa. Eyi n gba ẹgbẹ idagbasoke rẹ laaye lati dojukọ awọn abala alailẹgbẹ ti ọja rẹ - awọn ẹya ti ko si ohun elo selifu le pese.

1. Ṣayẹwo koodu aṣa rẹ: Ṣe idanimọ iru awọn irinṣẹ inu ti o ṣe iṣẹ ṣiṣe ti o wa ni awọn iru ẹrọ ti o wa tẹlẹ
2. Ṣiṣiro idiyele otitọ:Okunfa ni kii ṣe idagbasoke ibẹrẹ nikan ṣugbọn itọju ti nlọ lọwọ, awọn abulẹ aabo, ati awọn ibeere ẹya
3. Ṣayẹwo isọdọkan:Ka awọn ṣiṣe alabapin SaaS lọwọlọwọ rẹ ki o ṣe afiwe idiyele naa lodi si iru ẹrọ iṣọpọ kan
4. Daabobo awọn iyatọ rẹ:Ṣipamọ awọn orisun idagbasoke aṣa fun awọn ẹya ti o ṣeto iṣowo rẹ ni otitọ

Ọla iwaju jẹ ti Awọn yiyan Imokan

Idunnu ni ayika ilana SPA laini 1,000 kii ṣe nipa ilana funrararẹ. O jẹ nipa gbigbe ti ndagba ni idagbasoke sọfitiwia si imotara - yiyan awọn irinṣẹ nitori wọn baamu iṣoro naa, kii ṣe nitori wọn jẹ gaba lori ọja naa. Eto ilolupo JavaScript ti lo ọdun mẹwa to kọja ninu ere-ije apá ti awọn ẹya ati awọn abstractions. Atako-iṣipopada naa, ti o jẹ aṣoju nipasẹ awọn ipilẹ-kekere, HTML ti a ṣe olupin, ati awọn API abinibi Syeed, jẹ atunṣe si pragmatism.

Fun awọn iṣowo, iyipada yii jẹ rere lainidi. O tumọ si awọn aṣayan diẹ sii, awọn idiyele iyipada kekere, ati aṣa idagbasoke ti o pọ si ni iye ayedero ati iyara lori pipe imọ-jinlẹ. Boya o jẹ oluṣowo adashe ti o yan laarin Wodupiresi ati aaye ti a ṣe aṣa, tabi CTO ṣe iṣiro boya lati kọ tabi ra ohun elo inu inu rẹ ti o tẹle, ilana kanna kan: imọ-ẹrọ ti o dara julọ ni ọkan ti o parẹ si abẹlẹ, jẹ ki o dojukọ si sìn awọn alabara rẹ.

Ilana laini 1,000 leti wa pe agbara ko nilo idiju. Awọn iṣowo ti o munadoko julọ - ati awọn irinṣẹ ti o munadoko julọ - jẹ awọn ti o ṣe deede ohun ti o nilo ati pe ko si diẹ sii.

Awọn ibeere Nigbagbogbo

Kini iṣẹ-ọpọlọpọ bii Vertex.js?

Ila-iṣẹ micro-micro-fireemu jẹ ile-ikawe JavaScript ti o kere ju ti a ṣe apẹrẹ lati mu awọn iṣẹ ṣiṣe ohun elo pataki laisi ọpọlọpọ awọn ojutu nla. Vertex.js ṣaṣeyọri eyi nipa pipese iṣẹ ṣiṣe SPA to ṣe pataki-bii ipa-ọna ati iṣakoso ipinlẹ—ni bii awọn laini koodu 1,000. Eyi ṣe iyatọ pẹlu awọn ilana ti o nilo lọtọ, awọn ile-ikawe ti o wuwo fun ipa-ọna tabi ipinlẹ, idinku idiju gbogbogbo ati bloat fun awọn iṣẹ akanṣe kekere.

Kini idi ti awọn olupilẹṣẹ n lọ si awọn irinṣẹ to rọrun?

Ọpọlọpọ awọn olupilẹṣẹ lero pe irinṣẹ JavaScript ode oni ti di idiju pupọ fun iṣẹ akanṣe apapọ. Awọn ilana ti o wuwo le ṣafihan awọn akoko kikọ ti o lọra, ọna ikẹkọ giga, ati awọn ẹya ti ko wulo. Awọn irinṣẹ ti o rọrun bi Vertex.js nfunni ni iyara, iriri idagbasoke ti o ni oye diẹ sii nipa idojukọ awọn iṣoro pataki ti ilana kan nilo lati yanju, titọ dara dara pẹlu awọn ibeere gangan ti iṣẹ akanṣe.

Se Vertex.js dara fun ohun elo nla, eka bi?

Vertex.js jẹ apẹrẹ akọkọ fun awọn iṣẹ akanṣe kekere nibiti ayedero ati oke kekere jẹ bọtini. Fun awọn ohun elo ti o tobi pupọ, eka pẹlu ọpọlọpọ awọn paati ibaraenisepo, ilana-ọlọrọ ẹya diẹ sii pẹlu ilolupo ilolupo le jẹ deede diẹ sii. Fun awọn ẹgbẹ ti o nilo awọn modulu nla ti a ti kọ tẹlẹ, iṣẹ kan bii Mewayz (nfunni awọn modulu 207 fun $19/mo) le pese UI ti o yẹ ati awọn paati iṣẹ-ṣiṣe ti iṣẹ ṣiṣe bulọọgi ko ni.

Ṣe Mo tun nilo ohun elo Kọ pẹlu Vertex.js?

Nigba ti Vertex.js funrarẹ jẹ iwuwo, o ṣee ṣe ki o tun lo ohun elo kikọ fun idagbasoke alamọdaju. Awọn irinṣẹ bii Vite tabi Parcel jẹ pataki lati ṣajọpọ koodu rẹ, mu awọn igbẹkẹle npm mu, ati mu awọn ẹya JavaScript ode oni ṣiṣẹ. Bibẹẹkọ, ẹwọn irinṣẹ gbogbogbo jẹ rọrun ju awọn ti o nilo nipasẹ awọn ilana ti o tobi ju, bi o ṣe yago fun iṣakoso-ipinlẹ idiju ati awọn ile-ikawe ipa-ọna.