Dangos HN: Vertex.js – Fframwaith SPA 1kloc

Cynnydd Micro-Fframweithiau: Pam Mae Datblygwyr yn Gwrthod Offer JavaScript Chwyddedig

Yn ddiweddar, postiodd datblygwr fframwaith cymhwysiad un dudalen wedi'i adeiladu mewn tua 1,000 o linellau cod i Hacker News, ac roedd yr ymateb yn drydanol. Ail-ysgogodd y prosiect—fframwaith SPA minimalaidd— ddadl sydd wedi bod yn mudferwi yn y gymuned datblygu gwe ers blynyddoedd: a yw ein hoffer wedi mynd yn rhy gymhleth ar gyfer y problemau y maent yn eu datrys? Pan fydd llyfrgell graidd React, ei lwybrydd, ei haen rheoli cyflwr, a'i offer adeiladu gyda'i gilydd yn pwyso ar gannoedd o filoedd o linellau o god, mae fframwaith sy'n darparu llwybro, adweithedd, a rendro cydrannau mewn dim ond 1,000 o linellau yn gorfodi cwestiwn anghyfforddus. Ar gyfer busnesau sy'n adeiladu cymwysiadau sy'n wynebu cwsmeriaid, mae gan yr ateb i'r cwestiwn hwnnw ganlyniadau gwirioneddol - o ran amseroedd llwyth, cynhyrchiant datblygwyr, a chostau cynnal a chadw hirdymor.

Yr hyn y mae Fframwaith 1,000-Llinell yn ei Brofi Mewn Gwirionedd

Nid yw'r syniad o ficro-fframwaith yn newydd. Roedd backbone.js tua 1,800 llinell o god ffynhonnell anodedig pan ddaeth i ben yn 2010. Roedd llongau Mithril.js dan 10KB gzipped. Yr hyn sy'n gwneud pob cofnod newydd yn y categori hwn yn nodedig yw nid y cyfrif llinell ei hun ond yr hyn y mae'n ei ddatgelu am gyflwr presennol APIs porwr. Mae porwyr modern yn cludo gyda chefnogaeth frodorol ar gyfer llythrennau templed, yr API Hanes, adweithedd ar sail dirprwy, elfennau arfer, a llwytho modiwlau. Ddegawd yn ôl, roedd angen miloedd o linellau ar fframweithiau dim ond i normaleiddio gwahaniaethau rhwng Internet Explorer a Chrome. Heddiw, gall datblygwr medrus adeiladu fframwaith SPA cwbl weithredol fel haen offeryniaeth denau ar ben cyntefigau platfform.

Mae hyn yn bwysig oherwydd ei fod yn symud y sgwrs o "pa fframwaith y dylem ei ddewis?" i "oes angen fframwaith o gwbl?" Ar gyfer prosiectau bach i ganolig - tudalen lanio ag adrannau deinamig, dangosfwrdd mewnol, porth cwsmeriaid - mae'r ateb yn gynyddol: efallai ddim, neu o leiaf ddim yn un trwm. Mae'r fframwaith 1,000 llinell yn brawf bod y platfform wedi aeddfedu i'r pwynt lle mae swydd y fframwaith yn crebachu.

Wrth gwrs, mae fframweithiau fel React a Vue yn dal i ennill eu pwysau mewn cymwysiadau ar raddfa fawr gyda choed cyflwr cymhleth, anghenion rendro ochr y gweinydd, a thimau o 20+ o ddatblygwyr sy'n elwa o gonfensiynau anhyblyg. Y mewnwelediad allweddol yw bod yr offeryn cywir yn dibynnu'n llwyr ar gwmpas y broblem.

Gwir Gost Blot JavaScript

Mae ymchwil Google ei hun wedi dangos yn gyson y gall pob 100 milieiliad o amser llwyth ychwanegol leihau cyfraddau trosi hyd at 7%. Mae'r dudalen we ganolrifol bellach yn cludo dros 500KB o JavaScript - ffigur sydd bron wedi treblu ers 2015. Ar gyfer busnesau, nid yw hwn yn fetrig perfformiad haniaethol. Mae'n trosi'n uniongyrchol i refeniw a gollwyd, cyfraddau bownsio uwch, a safleoedd peiriannau chwilio gwaeth.

Mae'r broblem yn waeth ar rwydweithiau symudol. Gall defnyddiwr ar ddyfais Android canol-ystod sy'n cysylltu dros 3G aros 5-8 eiliad i dudalen JavaScript-drwm ddod yn rhyngweithiol, hyd yn oed ar ôl i'r HTML cychwynnol gael ei rendro. Mae hyn yn arbennig o gosb i fusnesau sy'n gwasanaethu cwsmeriaid mewn marchnadoedd sy'n dod i'r amlwg, lle mae pori symudol-yn-gyntaf yn arferol ac mae seilwaith rhwydwaith yn amrywio'n aruthrol.

• Amser dosrannu: Mae bwndeli JavaScript mawr yn cymryd mwy o amser i'w dosrannu a'u crynhoi, hyd yn oed cyn i un llinell o god rhaglen weithredu
• Pwysau cof: Mae mewnolwyr fframwaith cymhleth yn defnyddio cof y gallai'r rhaglen ei hun ei ddefnyddio
• Diweddaru blinder: Mae uwchraddio fframwaith mawr (Angular 1 i 2, Vue 2 i 3, Adweithio cydrannau dosbarth i fachau) yn gorfodi ymdrechion mudo costus bob 2-3 blynedd
• Cadwyni dibyniaeth: Mae ffolder node_modules prosiect React nodweddiadol yn cynnwys 800-1,200 o becynnau, pob un yn gallu bod yn agored i niwed o ran diogelwch neu newid sy'n torri
• Adeiladu cymhlethdod: Mae Webpack, Babel, PostCSS, a'u ffeiliau ffurfweddu yn aml yn fwy na'r cod rhaglen y maent yn ei wasanaethu

Mae micro-fframweithiau yn ochri'r rhan fwyaf o'r costau hyn. Gyda llai o dyniadau, mae llai o bethau i'w torri, llai o ddibyniaethau i'w harchwilio, a llai o beit i'w hanfon i'r porwr. Ar gyfer busnes sydd angen presenoldeb cyflym, dibynadwy ar y we heb dîm seilwaith blaen penodol, mae'r fathemateg yn ffafrio symlrwydd fwyfwy.

Pam Mae'r Gymuned Datblygwyr yn Rhanedig

Mae trafodaeth Hacker News ynghylch fframweithiau SPA bach yn arwain at ddau wersyll gwrthwynebol yn ddibynadwy. Ar un ochr mae datblygwyr sydd wedi treulio blynyddoedd mewn cronfeydd cod mawr wedi'u hadeiladu ar React neu Angular ac sydd wedi gweld drostynt eu hunain sut mae cymhlethdod fframwaith yn gwaethygu dros amser. Maent wedi gwylio balŵn nodweddion syml yn dasgau aml-ddiwrnod oherwydd bod confensiynau'r fframwaith yn gofyn am gyfluniad llwybrydd cyffwrdd, plât boeler rheoli cyflwr, a harneisiau profi sy'n ffugio mewnolwyr fframwaith. I'r datblygwyr hyn, mae fframwaith 1,000 llinell yn cynrychioli rhyddhad - dychwelyd i ddeall pob llinell o god sy'n rhedeg yn eu cymhwysiad.

Ar yr ochr arall mae pragmatyddion sy'n nodi bod fframweithiau'n bodoli oherwydd bod rhaglenni byd go iawn angen yr hyn a ddarperir ganddynt yn y pen draw: cyfleustodau hygyrchedd, rhyngwladoli, hollti cod, rendro ochr y gweinydd, a llif llogi o ddatblygwyr sydd eisoes yn gwybod yr offeryn. Efallai y bydd micro-fframwaith yn hyfryd ar gyfer prosiect penwythnos, maen nhw'n dadlau, ond ceisiwch ymuno â thîm o bump i gronfa god 1,000 llinell bwrpasol heb unrhyw atebion Stack Overflow a dim dogfennaeth swyddogol.

Mae gan y ddwy ochr bwyntiau dilys, a'r gwir yw bod y dewis yn gyd-destunol. Mae gan sylfaenydd unigol sy'n adeiladu MVP anghenion sylfaenol wahanol na thîm menter sy'n cynnal cais pum mlwydd oed. Mae'r perygl yn gorwedd mewn cymhwyso datrysiadau menter i broblemau cychwyn, neu offer cychwyn i heriau menter.

Yr Hyn y mae Busnesau Modern Mewn Gwirionedd Ei Angen O'u Pentwr Technoleg

Mae’r ddadl fframwaith yn y pen draw yn ddirprwy ar gyfer cwestiwn mwy: sut y dylai busnesau ddyrannu eu hadnoddau technegol cyfyngedig? Mae pob awr y mae datblygwr yn ei dreulio yn ffurfweddu piblinell adeiladu neu'n mudo i fersiwn fframwaith newydd yn awr na chaiff ei wario ar nodweddion adeiladu sy'n gwasanaethu cwsmeriaid. I lawer o fusnesau - yn enwedig busnesau bach a chanolig - y dewis technoleg delfrydol yw un sy'n lleihau'r bwlch rhwng "Mae gen i syniad" a "mae cwsmeriaid yn ei ddefnyddio."

Y penderfyniad technoleg gorau y gall busnes sy'n tyfu ei wneud yw dewis offer sy'n datrys problemau heddiw heb greu baich cynnal a chadw yfory. P'un a yw hynny'n golygu fframwaith 1,000 llinell neu lwyfan wedi'i reoli'n llawn, yr un yw'r nod: treuliwch eich amser ar yr hyn sy'n gwneud eich busnes yn unigryw, nid ar seilwaith y mae pob busnes ei angen.

Mae'r egwyddor hon yn ymestyn y tu hwnt i fframweithiau blaen. Mae busnesau'n ailadeiladu'r un systemau ôl-wyneb fel mater o drefn - dilysu defnyddwyr, prosesu taliadau, CRM, anfonebu, amserlennu - oherwydd bod y pentwr technoleg o'u dewis yn mynnu hynny. Mae llwyfannau fel Mewayz yn bodoli'n union i ddileu'r gwaith ailadroddus hwn, gan gynnig 207 o fodiwlau a adeiladwyd ymlaen llaw yn cwmpasu popeth o CRM a chyflogres i systemau archebu a dadansoddeg. Mae'r un athroniaeth sy'n gyrru datblygwyr tuag at ficro-fframweithiau - gwneud mwy gyda llai, dileu cymhlethdod diangen - yn gyrru busnesau tuag at lwyfannau cyfunol sy'n disodli dwsinau o danysgrifiadau SaaS gydag un system.

Y Sbectrwm Fframwaith: Dod o Hyd i'ch Man Melys

Yn hytrach na thrin y dewis fframwaith fel un deuaidd—mega-fframwaith neu ficro-fframwaith—mae’n helpu meddwl yn nhermau sbectrwm. Ar un pen, mae gennych JavaScript fanila gyda sero tyniadau. Ar y llall, mae gennych feta-fframweithiau pentwr llawn fel Next.js neu Nuxt sy'n delio â llwybro, rendro, casglu data a defnyddio. Mae'r rhan fwyaf o brosiectau yn perthyn i rywle yn y canol.

Ar gyfer safle marchnata sy'n wynebu cwsmeriaid gydag ychydig o elfennau rhyngweithiol, efallai y bydd micro-fframwaith neu hyd yn oed adweithedd mewn-lein Alpine.js yn ffitio'n berffaith. Ar gyfer dangosfwrdd SaaS cymhleth gyda data amser real, caniatâd yn seiliedig ar rôl, a chefnogaeth all-lein, mae fframwaith aeddfed gydag ecosystem gyfoethog yn werth yr arian. Mae'r camgymeriad yn rhagosod i'r opsiwn trymaf oherwydd dyma'r opsiwn mwyaf poblogaidd, neu'n rhagosod i'r ysgafnaf oherwydd dyma'r un sy'n rhoi'r boddhad mwyaf deallusol.

Mae'r prawf ymarferol yn syml: rhestrwch bob nodwedd sydd ei hangen ar eich cais yn y 12 mis nesaf. Os yw micro-fframwaith yn cwmpasu 90% o'r anghenion hynny a gallwch rolio'r 10% sy'n weddill â llaw mewn llai o amser nag y byddech yn ei dreulio yn ffurfweddu fframwaith mwy, y micro-fframwaith sy'n ennill. Os yw eich rhestr nodweddion yn cynnwys rendrad ar ochr y gweinydd, dilysu ffurf gymhleth, offeryniaeth animeiddio, a chymorth hygyrchedd dwfn, mae'n debygol y bydd y fframwaith mwy yn talu amdano'i hun.

Gwersi ar gyfer Sefydlwyr Annhechnegol a Gweithredwyr Busnes

Os ydych chi'n rhedeg busnes a bod eich tîm technegol yn trafod fframweithiau, dyma beth sy'n bwysig mewn gwirionedd. Yn gyntaf, gofynnwch am amser i nodwedd gyntaf - pa mor gyflym y gall datblygwr newydd ar y tîm anfon newid ystyrlon? Os yw'r ateb yn cynnwys dyddiau o sefydlu amgylchedd a dysgu fframwaith, mae hynny'n arwydd rhybudd waeth pa fframwaith a ddewiswyd. Yn ail, gofynnwch am y llwybr uwchraddio. Mae fframweithiau sy'n rhyddhau newidiadau sy'n torri bob 18 mis yn gosod treth gudd nad yw'n ymddangos yn aml yn y gwerthusiad cychwynnol.

Yn drydydd, ac yn bwysicaf oll, cwestiynu a oes angen meddalwedd pwrpasol arnoch o gwbl ar gyfer y swyddogaeth dan sylw. Mae llawer o fusnesau yn buddsoddi misoedd o amser datblygwr yn adeiladu offer mewnol - dangosfyrddau, systemau CRM, llifoedd anfonebu, rhyngwynebau amserlennu - sydd eisoes yn bodoli fel cynhyrchion caboledig, a gynhelir. Gall platfform fel Mewayz, sy'n gwasanaethu dros 138,000 o ddefnyddwyr gyda modiwlau sy'n rhychwantu'r sbectrwm llawn o weithrediadau busnes, ddileu'r angen am ddatblygiad arferiad yn gyfan gwbl ar gyfer swyddogaethau busnes safonol. Mae hyn yn rhyddhau'ch tîm datblygu i ganolbwyntio ar agweddau gwirioneddol unigryw eich cynnyrch - y nodweddion na all unrhyw offeryn parod eu darparu.

1. Archwiliwch eich cod personol: Nodi pa offer mewnol sy'n dyblygu swyddogaethau sydd ar gael ar lwyfannau presennol
2. Cyfrifwch wir gost: Ffactor yn nid yn unig datblygiad cychwynnol ond cynnal a chadw parhaus, clytiau diogelwch, a cheisiadau nodwedd
3. Gwerthuso cydgrynhoi: Cyfrwch eich tanysgrifiadau SaaS presennol a chymharwch y gost yn erbyn platfform integredig
4. Amddiffyn eich gwahaniaethwyr: Cadw adnoddau datblygu personol ar gyfer nodweddion sy'n gosod eich busnes ar wahân yn wirioneddol

Mae'r Dyfodol yn Perthyn i Ddewisiadau Bwriadol

Nid yw'r cyffro ynghylch fframwaith SPA 1,000-lein yn ymwneud â'r fframwaith ei hun mewn gwirionedd. Mae'n ymwneud â symudiad cynyddol mewn datblygu meddalwedd tuag at fwriadoldeb - dewis offer oherwydd eu bod yn cyd-fynd â'r broblem, nid oherwydd eu bod yn dominyddu'r farchnad. Mae ecosystem JavaScript wedi treulio'r degawd diwethaf mewn ras arfau o nodweddion a thynnu. Mae'r gwrth-symudiad, a gynrychiolir gan ficro-fframweithiau, HTML wedi'i rendro gan weinydd, ac APIs platfform-brodorol, yn gywiriad tuag at bragmatiaeth.

I fusnesau, mae’r newid hwn yn ddiamwys o gadarnhaol. Mae'n golygu mwy o opsiynau, costau newid is, a diwylliant datblygwyr sy'n rhoi mwy a mwy o werth ar symlrwydd a chyflymder dros gyflawnder damcaniaethol. P'un a ydych chi'n entrepreneur unigol sy'n dewis rhwng WordPress a gwefan wedi'i hadeiladu'n arbennig, neu CTO yn gwerthuso a ydych am adeiladu neu brynu'ch teclyn mewnol nesaf, mae'r un egwyddor yn berthnasol: y dechnoleg orau yw'r un sy'n diflannu i'r cefndir, sy'n caniatáu ichi ganolbwyntio ar wasanaethu'ch cwsmeriaid.

Mae'r fframwaith 1,000 llinell yn ein hatgoffa nad oes angen cymhlethdod pŵer. Y busnesau mwyaf effeithiol - a'r offer mwyaf effeithiol - yw'r rhai sy'n gwneud yn union yr hyn sydd ei angen a dim byd mwy.

Cwestiynau Cyffredin

Beth yw micro-fframwaith fel Vertex.js?

Mae micro-fframwaith yn llyfrgell JavaScript finimalaidd sydd wedi'i dylunio i drin tasgau cymhwysiad craidd heb y mwyafrif o atebion mwy. Mae Vertex.js yn cyflawni hyn trwy ddarparu ymarferoldeb SPA hanfodol - fel llwybro a rheoli'r wladwriaeth - mewn tua 1,000 o linellau cod. Mae hyn yn cyferbynnu â fframweithiau sydd angen llyfrgelloedd trymach ar wahân ar gyfer llwybro neu wladwriaeth, gan leihau cymhlethdod cyffredinol a chwymp ar gyfer prosiectau llai.

Pam mae datblygwyr yn symud tuag at offer symlach?

Mae llawer o ddatblygwyr yn teimlo bod offer JavaScript modern wedi mynd yn or-gymhleth ar gyfer y prosiect cyffredin. Gall fframweithiau trwm gyflwyno amseroedd adeiladu araf, cromlin ddysgu serth, a nodweddion diangen. Mae offer symlach fel Vertex.js yn cynnig profiad datblygu cyflymach a mwy dealladwy trwy ganolbwyntio ar y problemau hanfodol y mae angen i fframwaith eu datrys, gan alinio'n well â gwir ofynion y prosiect.

Ydy Vertex.js yn addas ar gyfer cymhwysiad mawr, cymhleth?

Mae Vertex.js wedi'i gynllunio'n bennaf ar gyfer prosiectau llai lle mae symlrwydd a gorbenion isel yn allweddol. Ar gyfer cymwysiadau mawr iawn, cymhleth gyda llawer o gydrannau rhyngweithiol, efallai y byddai fframwaith mwy nodwedd-gyfoethog gydag ecosystem helaeth yn fwy priodol. Ar gyfer timau sydd angen modiwlau parod helaeth, gallai gwasanaeth fel Mewayz (sy'n cynnig 207 o fodiwlau am $19/mo) ddarparu'r UI angenrheidiol a'r cydrannau swyddogaethol sydd ar goll mewn micro-fframwaith.

Oes dal angen teclyn adeiladu gyda Vertex.js arnaf?

Tra bod Vertex.js ei hun yn ysgafn, mae'n debygol y byddwch yn dal i ddefnyddio teclyn adeiladu ar gyfer datblygiad proffesiynol. Mae angen offer fel Vite neu Parsel i fwndelu'ch cod, trin dibyniaethau npm, a galluogi nodweddion JavaScript modern. Fodd bynnag, mae'r gadwyn offer gyffredinol yn dal i fod yn symlach na'r rhai sy'n ofynnol gan fframweithiau mwy, gan eich bod yn osgoi llyfrgelloedd rheoli gwladwriaeth a llwybro cymhleth.