Prikaži HN: Vertex.js – 1kloc SPA okvir

Uspon mikro-okvira: Zašto programeri odbijaju naduvane JavaScript alate

Programer je nedavno objavio okvir aplikacije na jednoj stranici izgrađen u otprilike 1.000 linija koda na Hacker News, a odgovor je bio električan. Projekat — minimalistički SPA okvir — ponovo je pokrenuo debatu koja je godinama tinjala u zajednici za razvoj veba: da li su naši alati postali previše složeni za probleme koje rešavaju? Kada Reactova jezgra biblioteka, njen ruter, sloj upravljanja stanjem i alati za izgradnju zajedno teže stotinama hiljada linija koda, okvir koji pruža usmjeravanje, reaktivnost i prikazivanje komponenti u samo 1.000 redova postavlja neugodno pitanje. Za kompanije koje grade aplikacije za klijente, odgovor na to pitanje ima stvarne posljedice — u vremenu učitavanja, produktivnosti programera i dugoročnim troškovima održavanja.

Šta zapravo dokazuje okvir od 1.000 linija

Ideja mikrookvira nije nova. Backbone.js je imao otprilike 1.800 linija izvornog koda sa komentarima kada je debitovao 2010. Mithril.js se isporučuje na manje od 10 KB gzipiranog. Ono što svaki novi unos u ovoj kategoriji čini vrijednim pažnje nije sam broj redova, već ono što otkriva o trenutnom stanju API-ja pretraživača. Moderni pretraživači se isporučuju sa izvornom podrškom za literale šablona, ​​API za istoriju, reaktivnost zasnovanu na proksiju, prilagođene elemente i učitavanje modula. Prije deset godina, okvirima su bile potrebne hiljade redova samo da bi se normalizirale razlike između Internet Explorera i Chromea. Danas, vješt programer može izgraditi potpuno funkcionalan SPA okvir kao tanak sloj orkestracije na vrhu primitivnih platformi.

Ovo je važno jer pomjera razgovor sa "koji okvir trebamo izabrati?" na "da li nam je uopšte potreban okvir?" Za male do srednje projekte — odredišnu stranicu sa dinamičkim sekcijama, internu kontrolnu tablu, korisnički portal — odgovor je sve više: možda ne, ili barem ne težak. Okvir od 1.000 redova je dokaz da je platforma sazrela do tačke u kojoj se posao okvira smanjuje.

Naravno, okviri poput Reacta i Vuea i dalje zarađuju svoju težinu u aplikacijama velikih razmjera sa složenim stablima stanja, potrebama renderiranja na strani servera i timovima od 20+ programera koji imaju koristi od krutih konvencija. Ključni uvid je da pravi alat u potpunosti zavisi od obima problema.

Pravi trošak JavaScript Bloat

Googleovo vlastito istraživanje je stalno pokazalo da svakih 100 milisekundi dodatnog vremena učitavanja može smanjiti stope konverzije do 7%. Srednja web stranica sada isporučuje preko 500 KB JavaScripta – brojka koja se skoro utrostručila od 2015. Za preduzeća ovo nije apstraktna metrika učinka. To se direktno prevodi u izgubljeni prihod, veće stope posete početne stranice i lošije rangiranje na pretraživačima.

Problem se pogoršava na mobilnim mrežama. Korisnik na Android uređaju srednjeg opsega koji se povezuje preko 3G može čekati 5-8 sekundi da stranica s puno JavaScripta postane interaktivna, čak i nakon što je početni HTML prikazan. Ovo je posebno kažnjivo za kompanije koje opslužuju korisnike na tržištima u razvoju, gdje je pregledavanje na mobilnom uređaju uobičajeno, a mrežna infrastruktura dramatično varira.

• Vrijeme raščlanjivanja: Velikim JavaScript paketima je potrebno više vremena da se raščlane i kompajliraju, čak i prije nego što se izvrši jedna linija koda aplikacije
• Pritisak memorije: Složeni unutrašnji elementi okvira troše memoriju koju bi sama aplikacija mogla koristiti
• Zamor od ažuriranja: Glavne nadogradnje okvira (Angular 1 do 2, Vue 2 do 3, komponente klase React na kuke) prisiljavaju skupe napore za migraciju svake 2-3 godine
• Lanci zavisnosti: Tipični folder node_modules React projekta sadrži 800-1.200 paketa, od kojih svaki predstavlja potencijalnu sigurnosnu ranjivost ili promenu.
• Složenost izgradnje: Webpack, Babel, PostCSS i njihovi konfiguracijski fajlovi često premašuju kod aplikacije koji služe

Micro-frameworks zaobilazi većinu ovih troškova. Sa manje apstrakcija, ima manje stvari za razbijanje, manje zavisnosti za reviziju i manje bajtova za slanje pretraživaču. Za posao kojem je potrebna brza, pouzdana web prisutnost bez namjenskog frontend infrastrukturnog tima, matematika sve više favorizuje jednostavnost.

Zašto je zajednica programera podijeljena

Diskusija Hacker News-a oko sićušnih SPA okvira pouzdano stvara dva suprotstavljena tabora. S jedne strane su programeri koji su proveli godine u velikim kodnim bazama izgrađenim na Reactu ili Angularu i iz prve ruke vidjeli kako se kompleksnost okvira s vremenom povećava. Gledali su kako se jednostavne funkcije pretvaraju u višednevne zadatke jer konvencije okvira zahtijevaju dodirivanje konfiguracije rutera, šablona upravljanja stanjem i testnih pojaseva koji ismijavaju unutrašnjost okvira. Za ove programere, okvir od 1000 redova predstavlja oslobođenje — povratak razumijevanju svake linije koda koja se izvodi u njihovoj aplikaciji.

S druge strane su pragmatičari koji ističu da okviri postoje jer aplikacijama iz stvarnog svijeta na kraju treba ono što pružaju: uslužni programi za pristupačnost, internacionalizacija, podjela koda, renderiranje na strani servera i niz programera koji već poznaju alat. Mikro-okvir bi mogao biti divan za vikend projekat, tvrde oni, ali pokušajte da uključite tim od pet članova u prilagođenu bazu kodova od 1.000 redova bez odgovora na preklapanje steka i službene dokumentacije.

Obje strane imaju valjane poene, a istina je da je izbor kontekstualan. Samostalni osnivač koji gradi MVP ima fundamentalno drugačije potrebe od poslovnog tima koji održava pet godina staru aplikaciju. Opasnost leži u primjeni korporativnih rješenja na probleme pokretanja ili pokretačkih alata na izazove poduzeća.

Šta modernim preduzećima zapravo treba od svog tehničkog niza

Okvirna debata je u konačnici zamjena za šire pitanje: kako bi poduzeća trebala raspodijeliti svoje ograničene tehničke resurse? Svaki sat koji programer provede konfigurirajući cevovod za izgradnju ili migrirajući na novu verziju okvira je sat koji nije potrošen na izgradnju funkcija koje služe korisnicima. Za mnoga preduzeća — posebno mala i srednja preduzeća — idealan izbor tehnologije je onaj koji minimizira jaz između „imam ideju“ i „kupci je koriste“.

Najbolja tehnološka odluka koju rastuće poslovanje može donijeti je odabir alata koji rješavaju današnje probleme bez stvaranja tereta sutrašnjeg održavanja. Bilo da to znači okvir od 1000 linija ili potpuno upravljanu platformu, cilj je isti: potrošite svoje vrijeme na ono što vaše poslovanje čini jedinstvenim, a ne na infrastrukturu koja je potrebna svakom poslu.

Ovaj princip se proteže izvan okvira frontenda. Preduzeća rutinski obnavljaju iste pozadinske sisteme — autentifikaciju korisnika, obradu plaćanja, CRM, fakturisanje, zakazivanje — jer to zahtijeva njihov odabrani tehnološki niz. Platforme kao što je Mewayz postoje upravo da eliminišu ovaj rad koji se ponavlja, nudeći 207 unapred izgrađenih modula koji pokrivaju sve od CRM-a i platnog spiska do sistema rezervacija i analitike. Ista filozofija koja pokreće programere prema mikro-okvirima — rade više uz manje, eliminišu nepotrebnu složenost — tjera kompanije prema konsolidovanim platformama koje zamjenjuju desetine SaaS pretplata jednim sistemom.

Okvirni spektar: Pronalaženje vašeg slatkog mjesta

Umjesto da se izbor okvira tretira kao binarni — mega-okvir ili mikro-okvir — pomaže razmišljati u smislu spektra. Na jednom kraju imate vanilla JavaScript sa nula apstrakcija. S druge strane, imate meta-frameworks punog steka kao što su Next.js ili Nuxt koji upravljaju usmjeravanjem, renderiranjem, dohvaćanjem podataka i implementacijom. Većina projekata pripada negdje u sredini.

Za marketinšku stranicu okrenutu klijentima s nekoliko interaktivnih elemenata, mikro-okvir ili čak inline reaktivnost u stilu Alpine.js može biti savršeno pristajanje. Za složenu SaaS kontrolnu tablu sa podacima u realnom vremenu, dozvolama zasnovanim na ulogama i vanmrežnom podrškom, zreli okvir sa bogatim ekosistemom je vrijedan velikih troškova. Greška je podrazumevana najteža opcija jer je najpopularnija, ili podrazumevana najlakša opcija jer je intelektualno najviše zadovoljavajuća.

Praktični test je jednostavan: navedite svaku funkciju koja je potrebna vašoj aplikaciji u narednih 12 mjeseci. Ako mikro-okvir pokriva 90% tih potreba, a vi možete ručno rotirati preostalih 10% za manje vremena nego što biste potrošili na konfigurisanje većeg okvira, mikro-okvir pobjeđuje. Ako vaša lista funkcija uključuje prikazivanje na strani servera, provjeru složene forme, orkestraciju animacije i duboku podršku za pristupačnost, veći okvir vjerovatno plaća sam za sebe.

Lekcije za netehničke osnivače i poslovne operatere

Ako vodite posao i vaš tehnički tim raspravlja o okvirima, evo šta je zapravo važno. Prvo, pitajte o vremenu do prve funkcije – koliko brzo novi programer u timu može poslati značajnu promjenu? Ako odgovor uključuje dane postavljanja okruženja i učenja okvira, to je znak upozorenja bez obzira na to koji je okvir odabran. Drugo, pitajte o putu nadogradnje. Okviri koji objavljuju vanredne promjene svakih 18 mjeseci nameću skriveni porez koji se rijetko pojavljuje u početnoj evaluaciji.

Treće, i najvažnije, postavite pitanje da li vam je uopće potreban prilagođeni softver za dotičnu funkciju. Mnoga preduzeća ulažu mjesece vremena programera na izradu internih alata — kontrolne ploče, CRM sistema, tokove fakturisanja, interfejse za planiranje — koji već postoje kao uglađeni, održavani proizvodi. Platforma kao što je Mewayz, koja opslužuje preko 138.000 korisnika sa modulima koji obuhvataju čitav spektar poslovnih operacija, može eliminisati potrebu za prilagođenim razvojem u potpunosti za standardne poslovne funkcije. Ovo oslobađa vaš razvojni tim da se usredotoči na zaista jedinstvene aspekte vašeg proizvoda – funkcije koje ne može pružiti nijedan standardni alat.

1. Revizija vašeg prilagođenog koda: Identificirajte koji interni alati dupliraju funkcionalnost dostupne na postojećim platformama
2. Izračunajte stvarnu cijenu: Uzmite u obzir ne samo početni razvoj, već i tekuće održavanje, sigurnosne zakrpe i zahtjeve za značajkama
3. Procijenite konsolidaciju: Izbrojite svoje trenutne SaaS pretplate i usporedite cijenu s integriranom platformom
4. Zaštitite svoje razlike: Rezervirajte prilagođene razvojne resurse za funkcije koje istinski izdvajaju vaše poslovanje

Budućnost pripada namjernim izborima

Uzbuđenje oko SPA okvira od 1000 redova nije zapravo vezano za sam okvir. Radi se o rastućem kretanju u razvoju softvera ka namjernosti — odabiru alata zato što odgovaraju problemu, a ne zato što dominiraju tržištem. JavaScript ekosistem je proveo poslednju deceniju u trci u naoružanju karakteristika i apstrakcija. Protupokret, predstavljen mikro-okvirima, HTML-om koji se prikazuje na serveru i API-jima koji su izvorni na platformi, je korekcija prema pragmatizmu.

Za preduzeća, ovaj pomak je nedvosmisleno pozitivan. To znači više opcija, niže troškove prebacivanja i razvojnu kulturu koja sve više cijeni jednostavnost i brzinu u odnosu na teorijsku potpunost. Bilo da ste solo poduzetnik koji bira između WordPress-a i web-lokacije napravljene po narudžbi, ili CTO koji procjenjuje da li da napravite ili kupite svoj sljedeći interni alat, primjenjuje se isti princip: najbolja tehnologija je ona koja nestaje u pozadini, omogućavajući vam da se usredotočite na služenje svojim klijentima.

Okvir od 1000 linija nas podsjeća da snaga ne zahtijeva složenost. Najefikasniji biznisi — i najefikasniji alati — su oni koji rade upravo ono što je potrebno i ništa više.

Često postavljana pitanja

Šta je mikrookvir kao što je Vertex.js?

Mikro-framework je minimalistička JavaScript biblioteka dizajnirana za rukovanje osnovnim zadacima aplikacije bez većeg broja većih rješenja. Vertex.js to postiže tako što pruža esencijalnu SPA funkcionalnost – poput rutiranja i upravljanja stanjem – u oko 1.000 linija koda. Ovo je u suprotnosti s okvirima koji zahtijevaju odvojene, teže biblioteke za usmjeravanje ili stanje, smanjujući ukupnu složenost i naduvanost za manje projekte.

Zašto se programeri kreću ka jednostavnijim alatima?

Mnogi programeri smatraju da je moderni JavaScript alat postao previše složen za prosječan projekat. Teški okviri mogu uvesti spora vremena izgradnje, strmu krivulju učenja i nepotrebne karakteristike. Jednostavniji alati kao što je Vertex.js nude brže i razumljivije razvojno iskustvo fokusirajući se na suštinske probleme koje okvir treba da riješi, bolje usklađujući se sa stvarnim zahtjevima projekta.

Da li je Vertex.js pogodan za veliku, složenu aplikaciju?

Vertex.js je prvenstveno dizajniran za manje projekte gdje su jednostavnost i mali troškovi ključni. Za veoma velike, složene aplikacije sa mnogo interaktivnih komponenti, okvir bogatiji funkcijama sa ogromnim ekosistemom bi mogao biti prikladniji. Za timove kojima su potrebni opsežni unapred izgrađeni moduli, usluga kao što je Mewayz (nudi 207 modula za 19 USD mesečno) mogla bi da obezbedi neophodne korisničko sučelje i funkcionalne komponente koje nedostaju mikrookviru.

Da li mi je i dalje potreban alat za pravljenje sa Vertex.js?

Dok je Vertex.js sam po sebi lagan, vjerovatno ćete i dalje koristiti alat za izradu za profesionalni razvoj. Alati kao što su Vite ili Parcel su neophodni za spajanje vašeg koda, rukovanje npm zavisnostima i omogućavanje modernih JavaScript funkcija. Međutim, cjelokupni lanac alata ostaje jednostavniji od onih koje zahtijevaju veći okviri, jer izbjegavate složeno upravljanje stanjem i biblioteke za usmjeravanje.