Shfaq HN: Vertex.js – Një kornizë SPA 1kloc

Këtu është artikulli:

Ngritja e mikro-kornizave: Pse zhvilluesit po refuzojnë veglat e fryra të JavaScript

Një zhvillues kohët e fundit postoi një kornizë aplikacioni me një faqe të ndërtuar në afërsisht 1000 rreshta kodi për Hacker News, dhe përgjigja ishte elektrike. Projekti - një kornizë minimaliste SPA - ringjalli një debat që ka filluar të ziejë në komunitetin e zhvillimit të uebit prej vitesh: a janë bërë mjetet tona shumë komplekse për problemet që zgjidhin? Kur biblioteka thelbësore e React, ruteri i tij, shtresa e tij e menaxhimit të gjendjes dhe mjetet e tij të ndërtimit peshojnë kolektivisht qindra mijëra rreshta kodi, një kornizë që ofron rrugëzim, reaktivitet dhe paraqitje të komponentëve në vetëm 1000 rreshta, krijon një pyetje të pakëndshme. Për bizneset që ndërtojnë aplikacione që përballen me klientët, përgjigjja e kësaj pyetjeje ka pasoja reale - në kohën e ngarkesës, produktivitetin e zhvilluesve dhe kostot e mirëmbajtjes afatgjatë.

Çfarë vërteton në të vërtetë një kornizë me 1000 rreshta

Ideja e një mikro-kornize nuk është e re. Backbone.js ishte afërsisht 1,800 rreshta kodi burimor të shënuar kur debutoi në 2010. Mithril.js dërgohet me nën 10 KB gzipped. Ajo që e bën çdo hyrje të re në këtë kategori të rëndësishme nuk është vetë numri i linjës, por ajo që zbulon për gjendjen aktuale të API-ve të shfletuesit. Shfletuesit modernë dërgohen me mbështetje origjinale për literalet e shablloneve, API-në e historisë, reaktivitetin e bazuar në përfaqësues, elementët e personalizuar dhe ngarkimin e modulit. Një dekadë më parë, kornizave u duheshin mijëra rreshta vetëm për të normalizuar dallimet midis Internet Explorer dhe Chrome. Sot, një zhvillues i aftë mund të ndërtojë një kornizë plotësisht funksionale SPA si një shtresë e hollë orkestrimi në krye të primitivëve të platformës.

Kjo ka rëndësi sepse e zhvendos bisedën nga "cila kornizë duhet të zgjedhim?" për "a kemi nevojë për një kornizë fare?" Për projektet e vogla dhe të mesme - një faqe ulje me seksione dinamike, një panel i brendshëm, një portal klientësh - përgjigja është gjithnjë e më shumë: ndoshta jo, ose të paktën jo e rëndë. Korniza me 1000 rreshta është dëshmi se platforma është pjekur deri në pikën ku puna e kornizës po tkurret.

Sigurisht, kornizat si React dhe Vue ende fitojnë peshën e tyre në aplikacione në shkallë të gjerë me pemë komplekse të gjendjes, nevoja për paraqitje nga ana e serverit dhe ekipe prej 20+ zhvilluesish që përfitojnë nga konventat e ngurta. Vështrimi kryesor është se mjeti i duhur varet tërësisht nga shtrirja e problemit.

Kostoja reale e JavaScript Bloat

Hulumtimi i vetë Google ka treguar vazhdimisht se çdo 100 milisekonda e kohës së ngarkimit të shtuar mund të zvogëlojë normat e konvertimit deri në 7%. Faqja mesatare e internetit tani dërgon mbi 500 KB JavaScript - një shifër që është pothuajse trefishuar që nga viti 2015. Për bizneset, kjo nuk është një metrikë abstrakte e performancës. Përkthehet drejtpërdrejt në të ardhura të humbura, norma më të larta të fryrjes dhe renditje më të këqija të motorëve të kërkimit.

Problemi është i komplikuar në rrjetet celulare. Një përdorues në një pajisje Android të rangut të mesëm që lidhet me 3G mund të presë 5-8 sekonda që një faqe me JavaScript të bëhet ndërvepruese, edhe pasi të jetë dhënë HTML-ja fillestare. Kjo është veçanërisht ndëshkuese për bizneset që u shërbejnë klientëve në tregjet në zhvillim, ku shfletimi i parë në celular është normë dhe infrastruktura e rrjetit ndryshon në mënyrë dramatike.

Koha e analizës: Paketat e mëdha JavaScript kërkojnë më shumë kohë për t'u analizuar dhe përpiluar, edhe para se të ekzekutohet një rresht i vetëm i kodit të aplikacionit

Presioni i kujtesës: Të brendshmet komplekse të kornizës konsumojnë memorie që mund të përdoret nga vetë aplikacioni

Lodhja e përditësimit: Përmirësimet kryesore të kornizës (Angular 1 në 2, Vue 2 në 3, React komponentët e klasës në grepa) detyrojnë përpjekjet e kushtueshme të migrimit çdo 2-3 vjet

Zinxhirët e varësisë: Dosja tipike node_modules e projektit React përmban 800-1200 paketa, secila prej tyre një cenueshmëri e mundshme sigurie ose ndryshim

Kompleksiteti i ndërtimit: Webpack, Babel, PostCSS dhe skedarët e tyre të konfigurimit shpesh tejkalojnë kodin e aplikacionit që ata shërbejnë

Mikro-kornizat anashkalojnë shumicën e këtyre kostove. Me më pak abstraksione, ka më pak gjëra për të thyer, më pak varësi ndaj auditimit dhe më pak b

Frequently Asked Questions

What is a micro-framework like Vertex.js?

A micro-framework is a minimalist JavaScript library designed to handle core application tasks without the bulk of larger solutions. Vertex.js achieves this by providing essential SPA functionality—like routing and state management—in about 1,000 lines of code. This contrasts with frameworks that require separate, heavier libraries for routing or state, reducing overall complexity and bloat for smaller projects.

Why are developers moving towards simpler tools?

Many developers feel that modern JavaScript tooling has become overly complex for the average project. Heavy frameworks can introduce slow build times, a steep learning curve, and unnecessary features. Simpler tools like Vertex.js offer a faster, more understandable development experience by focusing on the essential problems a framework needs to solve, aligning better with the project's actual requirements.

Is Vertex.js suitable for a large, complex application?

Vertex.js is primarily designed for smaller projects where simplicity and low overhead are key. For very large, complex applications with many interactive components, a more feature-rich framework with a vast ecosystem might be more appropriate. For teams needing extensive pre-built modules, a service like Mewayz (offering 207 modules for $19/mo) could provide the necessary UI and functional components that a micro-framework lacks.

Do I still need a build tool with Vertex.js?

While Vertex.js itself is lightweight, you will likely still use a build tool for professional development. Tools like Vite or Parcel are necessary to bundle your code, handle npm dependencies, and enable modern JavaScript features. However, the overall toolchain remains simpler than those required by larger frameworks, as you avoid complex state-management and routing libraries.

Related Posts

• Normalizimi i korrupsionit në organizata (2003) [pdf]
• QGIS 4.0
• Coccinelle: Mjeti i transformimit të kernelit Linux nga burimi në burim
• Mendoj se e kuptoj pse njerëzit e urrejnë AI