HN görkez: Vertex.js - 1klok SPA çarçuwasy

Mikro çarçuwalaryň döremegi: Näme üçin döredijiler Bloated JavaScript Tooling-i ret edýärler

recentlyakynda bir dörediji, “Hacker News” -a takmynan 1000 setir kodda gurlan bir sahypalyk programma çarçuwasyny ýerleşdirdi we jogap elektrik boldy. Taslama - minimalistik SPA çarçuwasy - web ösüş jemgyýetinde ençeme ýyl bäri dowam edip gelýän çekeleşigi güýçlendirdi: gurallarymyz çözýän meseleler üçin gaty çylşyrymly boldumy? Haçan-da “React” -yň esasy kitaphanasy, marşrutizatory, döwlet dolandyryş gatlagy we gurmak gurallary umumylykda ýüzlerçe müň setir kodda agram alýar, bary-ýogy 1000 setirde marşrutlaşdyrmagy, reaktiwligi we komponentleri görkezýän çarçuwalar oňaýsyz soragy döredýär. Müşderi bilen ýüzbe-ýüz bolýan programmalary gurýan kärhanalar üçin bu soraga jogap hakyky netijelere eýe - ýük wagtynda, öndürijiniň öndürijiligi we uzak möhletleýin hyzmat çykdajylary.

1000 setirli çarçuwanyň hakykatda nämäni subut edýändigi

Mikro çarçuwanyň pikiri täze däl. “Backbone.js” 2010-njy ýylda ilkinji gezek takmynan 1800 setir düşündiriş çeşmesi bolupdy. “Mithril.js” 10KB-den pes gämiler. Bu kategoriýadaky her täze ýazgyny ünsi çekýän zat, setiriň özi däl-de, brauzer API-leriniň häzirki ýagdaýy barada açýan zatlary. Häzirki zaman brauzerleri şablon sözlügi, Taryh API, proksi esasly reaktiwlik, ýörite elementler we modul ýüklemek üçin ýerli goldaw bilen iberilýär. On ýyl mundan ozal, Internet Explorer bilen Chrome arasyndaky tapawudy kadalaşdyrmak üçin çarçuwalar müňlerçe setirlere mätäçdi. Häzirki wagtda ökde hünärmen, platforma başlangyçlarynyň üstünde inçe orkestr gatlagy hökmünde doly işleýän SPA çarçuwasyny gurup biler.

Bu möhüm, sebäbi söhbetdeşligi "haýsy çarçuwany saýlamaly?" "asla çarçuwa gerekmi?" Kiçi we orta taslamalar üçin - dinamiki bölümler, içerki dolandyryş paneli, müşderi portaly bolan giriş sahypasy - jogap barha artýar: belki ýok ýa-da iň bolmanda agyr däl. 1000 setirli çarçuwanyň, çarçuwanyň işiniň kiçelýän ýerine ýetendiginiň subutnamasydyr.

Elbetde, “React” we “Vue” ýaly çarçuwalar çylşyrymly döwlet agaçlary, serwer tarapy görkezmek zerurlyklary we berk konwensiýalardan peýdalanýan 20+ döredijiler topary bilen uly göwrümli programmalarda öz agramyny gazanýar. Esasy düşünje, dogry gural meseläniň gerimine doly baglydyr.

JavaScript Bloat-yň hakyky bahasy

Google-yň geçiren gözlegleri, her 100 millisekunt goşulan ýük wagtynyň öwrüliş tizligini 7% -e çenli azaldyp biljekdigini yzygiderli görkezdi. Orta web sahypasy indi 500KB-dan gowrak JavaScript iberýär - bu san 2015-nji ýyldan bäri takmynan üç esse artdy. Kärhanalar üçin bu abstrakt ýerine ýetiriş ölçegi däl. Göni ýitirilen girdejä, has ýokary nyrhlara we has erbet gözleg motory reýtingine terjime edýär.

Mesele ykjam ulgamlarda hasam kynlaşýar. 3G-den gowrak birleşýän orta aralyk Android enjamyndaky ulanyjy, JavaScript-iň agyr sahypasynyň başlangyç HTML görkezilenden soňam interaktiw bolmagy üçin 5-8 sekunt garaşyp biler. Bu, esasanam, ykjam ilkinji göz aýlamagyň kadasy bolan we tor infrastrukturasy düýpgöter üýtgeýän ösüp barýan bazarlarda müşderilere hyzmat edýän kärhanalar üçin jeza berýär.

• Parse wagty: Uly JavaScript bukjalary, hatda bir programma kody ýerine ýetirilmänkä, derňemek we düzmek üçin has köp wagt gerek bolýar
• oryat basyşy: Çylşyrymly çarçuwaly içerki programmanyň özi ulanyp boljak ýady sarp edýär
• baglylyk zynjyrlary: Adaty React taslamasynyň node_modul bukjasynda 800-1,200 paket bar, olaryň her biri howpsuzlygyň gowşaklygy ýa-da üýtgemegi bolup biler
• Çylşyrymlylygy guruň: Webpack, Babel, PostCSS we olaryň konfigurasiýa faýllary köplenç hyzmat edýän programma kodundan ýokarydyr

Mikro çarçuwalar bu çykdajylaryň köpüsini daşlaşdyrýar. Abstraktlar az bolsa, döwmeli zatlar az, audite garaşlylyk az we brauzere ibermek üçin baýt az. Aýratyn frontend infrastruktura topary bolmazdan çalt, ygtybarly web barlygyna mätäç bir iş üçin matematika has ýönekeýligi goldaýar.

Näme üçin Ösüşçi jemgyýeti bölünýär

Kiçijik SPA çarçuwalarynyň töwereginde “Hacker News” çekişmesi iki garşydaş lageri ygtybarly döredýär. Bir tarapynda “React” ýa-da “Angular” -da gurlan uly kod bazalarynda birnäçe ýyl geçiren we wagtyň geçmegi bilen çarçuwanyň çylşyrymlylygynyň nädip birleşýändigini öz gözleri bilen görenler bar. Simpleönekeý aýratynlyklar şaryny köp günlük işlerde synladylar, sebäbi çarçuwanyň konwensiýalarynda marşrutizatoryň konfigurasiýasy, döwlet dolandyryş gazany we çarçuwanyň içini masgaralaýan synag gurallary talap edilýär. Bu işläp düzüjiler üçin 1000 setir çarçuwasy azatlygy aňladýar - amaly programmalarynda işleýän kodlaryň her setirine düşünmäge gaýdyp gelýär.

Beýleki bir tarapdan, çarçuwalaryň bardygyny görkezýän pragmatistler bar, sebäbi hakyky dünýädäki programmalar ahyrsoňy üpjün edýän zatlaryna mätäçdir: elýeterlilik hyzmatlary, halkaralaşmak, kod bölmek, serwer tarapyny görkezmek we guraly eýýäm bilýän işläp düzüjileriň hakyna tutma turbasy. Olaryň pikiriçe, mikro çarçuwaly dynç günleri taslamasy üçin ýakymly bolup biler, ýöne “Stack Overflow” jogaplary we resmi resminamalary bolmadyk 1000 setirli kod bazasyna bäş adamdan ybarat bir topara münüp görüň.

Iki tarapyňam dogry nokatlary bar we hakykat, saýlamagyň kontekstlidigi. MVP gurýan ýeke-täk esaslandyryjy, bäş ýyllyk programmany goldaýan kärhana toparyndan düýpgöter tapawutly. Howp, başlangyç meselelerine kärhana çözgütlerini ýa-da kärhananyň kynçylyklaryna başlangyç gurallaryny ulanmakdan ybaratdyr.

Häzirki zaman kärhanalarynyň aslynda Tehniki enjamlaryndan zerur zatlary

Çarçuwaly jedel, has uly sorag üçin proksi bolup durýar: kärhanalar çäkli tehniki çeşmelerini nädip paýlamaly? Gurluşyk turbageçirijisini düzmek ýa-da täze çarçuwaly wersiýa göçürmek üçin bir sagat sarp ediji, müşderilere hyzmat edýän gurluşyk aýratynlyklaryny sarp etmeýän bir sagatdyr. Köp kärhanalar üçin - esasanam kiçi we orta göwrümli amallar üçin iň gowy tehnologiýa saýlamasy, "meniň pikirim bar" we "müşderiler ony ulanýarlar" arasyndaky boşlugy azaldýar.

Ösüp barýan işiň kabul edip biljek iň oňat tehnologiýa karary, ertirki tehniki ýüküni döretmezden şu günki meseleleri çözýän gurallary saýlamakdyr. Munuň 1000 setirli çarçuwany ýa-da doly dolandyrylýan platformany aňladýandygyna garamazdan, maksat birmeňzeşdir: wagtyňyzy her bir işiň zerur infrastrukturasyna däl-de, işiňizi özboluşly edýän zatlara sarp ediň.

Bu ýörelge daşky çäklerden has giňdir. Kärhanalar birmeňzeş arka ulgamlaryny yzygiderli ulanýarlar - ulanyjynyň hakykylygyny tassyklamak, tölegleri gaýtadan işlemek, CRM, hasap-faktura, meýilnama - sebäbi saýlanan tehnologiýa toplumy muny talap edýär. Mewayz ýaly platformalar, bu gaýtalanýan eseri ýok etmek üçin takyk bar, CRM we aýlyk haklaryndan başlap, bron ulgamlaryna we analitikasyna çenli hemme zady öz içine alýan 207 modul hödürleýär. Döredijileri mikro-çarçuwalara iterýän şol bir pelsepe - has az iş ediň, gereksiz çylşyrymlylygy ýok ediň - kärhanalary onlarça SaaS abuna ýazgylaryny bir ulgam bilen çalyşýan konsolidirlenen platformalara alyp barýar.

💡 DID YOU KNOW?

Mewayz replaces 8+ business tools in one platform

CRM · Invoicing · HR · Projects · Booking · eCommerce · POS · Analytics. Free forever plan available.

Start Free →

Çarçuwaly spektr: Süýji ýeriňizi tapmak

Çarçuwaly saýlamany ikili - mega-çarçuwaly ýa-da mikro-çarçuwaly hasaplamagyň ýerine, spektr nukdaýnazaryndan pikirlenmäge kömek edýär. Bir ujunda nol abstraksiýaly vanil JavaScript bar. Beýleki bir tarapdan, marşrutlaşdyrmak, görkezmek, maglumat almak we ýerleşdirmek bilen meşgullanýan Next.js ýa-da Nuxt ýaly doly meta-çarçuwalar bar. Taslamalaryň köpüsi ortada bir ýere degişlidir.

Birnäçe interaktiw elementli müşderi bilen ýüzbe-ýüz bolýan marketing sahypasy üçin mikro çarçuwaly ýa-da hatda “Alpine.js” görnüşli içerki reaktiwlik iň oňat bolup biler. Hakyky maglumatlar, rola esaslanan rugsatlar we awtonom goldaw bilen çylşyrymly SaaS dolandyryş paneli üçin baý ekosistemanyň ösen çarçuwasy artykmaç bolmaly. Mistakealňyşlyk, iň meşhur bolany üçin iň agyr warianty ýerine ýetirmek ýa-da iň akyl taýdan kanagatlandyrýanlygy sebäpli iň ýeňiline defolt etmek.

Amaly synag gönümel: indiki 12 aýda programmaňyzyň zerur aýratynlyklaryny sanaň. Mikro çarçuwa şol zerurlyklaryň 90% -ini öz içine alýan bolsa we galan 10% -ini has uly çarçuwany düzmek üçin sarp edeniňden az wagtyň içinde el bilen geçirip bilseň, mikro çarçuwada ýeňiş gazanar. Aýratynlyklaryňyzyň sanawynda serwer tarapyny görkezmek, çylşyrymly görnüşi tassyklamak, animasiýa orkestri we çuňňur elýeterlilik goldawy bar bolsa, has uly çarçuwanyň özi töleýär.

Tehniki däl esaslandyryjylar we telekeçiler üçin sapaklar

Bir iş alyp barýan bolsaňyz we tehniki toparyňyz jedel çarçuwasy bolsa, aslynda möhüm zat. Ilki bilen, ilkinji aýratynlyk üçin wagt barada soraň - topardaky täze dörediji manyly üýtgeşmäni nädip çalt iberip biler? Jogap birnäçe gün daşky gurşawy gurmak we çarçuwany öwrenmek bilen baglanyşykly bolsa, haýsy çarçuwanyň saýlanandygyna garamazdan duýduryş belgisi. Ikinjiden, kämilleşdiriş ýoly barada soraň. Her 18 aýdan bir gezek üýtgeýän üýtgeşmeleri goýberýän çarçuwalar başlangyç baha berişde seýrek ýüze çykýan gizlin salgyt salýar.

Üçünjiden, iň esasysy, sorag edilýän funksiýa üçin düýbünden gurlan programma üpjünçiliginiň gerekdigini ýa-da ýokdugyny soraň. Köp kärhanalar içerki gurallary - dolandyryş panelleri, CRM ulgamlary, faktura akymlary, meýilnama interfeýsleri gurmak üçin eýýäm birnäçe aýlap maýa goýýarlar, eýýäm ýalpyldawuk, saklanylýan önümler hökmünde bar. 138,000-den gowrak ulanyja, iş amallarynyň ähli spektrini öz içine alýan modullar bilen hyzmat edýän Mewayz ýaly platforma, adaty iş funksiýalary üçin ýörite ösüş zerurlygyny aradan aýyryp biler. Bu, ösüş toparyňyzy önümiňiziň hakykatdanam özboluşly taraplaryna - tekjäniň daşynda hiç hili guralyň berip bilmejek aýratynlyklaryna ünsi jemleýär.

1. customörite koduňyzy barlaň: Haýsy içerki gurallaryň bar bolan platformalarda işleýşini köpeldýändigini kesgitläň
2. Hakyky çykdajylary hasaplaň: Diňe başlangyç ösüşde däl, eýsem dowamly tehniki hyzmat, howpsuzlyk ýamalary we aýratynlyk haýyşlary
3. Jebisleşmä baha beriň: Häzirki SaaS abunalaryňyzy hasaplaň we çykdajylary integrirlenen platforma bilen deňeşdiriň
4. Tapawutlaryňyzy goraň: Işiňizi hakykatdanam aýratynlaşdyrýan aýratynlyklar üçin ýörite ösüş çeşmelerini ätiýaçlandyryň

Geljek bilgeşleýin saýlamalara degişlidir

1000 setirli SPA çarçuwasynyň töweregindäki tolgunma hakykatdanam çarçuwanyň özi bilen baglanyşykly däl. Programma üpjünçiligini bilgeşleýin ösdürmekde barha artýan hereket hakda - bazarda agdyklyk edýändigi üçin däl-de, meselä laýyk gelýändigi üçin gurallary saýlamak. JavaScript ekosistemasy soňky on ýylda aýratynlyklary we abstraksiýalary ýarag ýaryşynda geçirdi. Mikro çarçuwalar, serwerde görkezilen HTML we platforma esasly API-ler bilen görkezilen garşylyk hereketi, pragmatizme düzedişdir.

Kärhanalar üçin bu üýtgeşiklik birneme oňyn. Bu has köp warianty, pes kommutasiýa çykdajylaryny we teoretiki dolulygyna has ýönekeýlige we tizlige has köp baha berýän dörediji medeniýeti aňladýar. WordPress bilen ýörite gurlan sahypany saýlaýan ýeke-täk telekeçi bolsaňyz ýa-da indiki içerki guralyňyzy gurjakdygyňyzy ýa-da satyn almajakdygyňyzy kesgitleýän söwda guramasy bolsun, şol prinsip ulanylýar: iň oňat tehnologiýa, müşderileriňize hyzmat etmegiňize ünsi jemläp, fonda ýitip gidýän tehnologiýa.

1000 setir çarçuwada güýç çylşyrymlylygy talap etmeýär. Iň täsirli kärhanalar we iň täsirli gurallar - zerur zady ýerine ýetirýän we başga hiç zat etmeýänlerdir.

Mewayz bilen işiňizi tertipleşdiriň

Mewayz 207 iş modulyny bir platforma - CRM, hasap-faktura, taslamany dolandyrmak we ş.m. getirýär. Iş akymyny ýönekeýleşdiren 138,000+ ulanyja goşulyň.

{"@ context": "https: \ / \ / schema.org", "@ type": "FAQPage", "mainEntity": \ u2014 CRM, hasap-faktura, taslamany dolandyrmak we başgalar, iş prosesini ýönekeýleşdiren 138,000+ ulanyja goşulyň. "}}]}

Freygy-ýygydan soralýan soraglar

Vertex.js ýaly mikro çarçuwa näme?

Mikro çarçuwasy, esasy çözgüt meseleleriniň köpüsi bolmazdan esasy programma meselelerini çözmek üçin döredilen minimalist JavaScript kitaphanasydyr. Vertex.js, takmynan 1000 setir kodda marşrutizasiýa we döwlet dolandyryşy ýaly möhüm SPA funksiýalaryny üpjün etmek arkaly ýetýär. Bu marşrut ýa-da döwlet üçin aýratyn, has agyr kitaphanalary talap edýän çarçuwalar bilen tapawutlanýar, umumy çylşyrymlylygy azaldýar we kiçi taslamalar üçin çişýär.

Näme üçin döredijiler has ýönekeý gurallara tarap hereket edýärler?

Köp döredijiler häzirki zaman JavaScript gurallarynyň ortaça taslama üçin aşa çylşyrymly bolandygyny duýýarlar. Agyr çarçuwalar haýal gurluşyk wagtlaryny, dik öwreniş egrisini we gereksiz aýratynlyklary girizip biler. Vertex.js ýaly has ýönekeý gurallar, çarçuwanyň çözülmeli möhüm meselelerine ünsi jemläp, taslamanyň hakyky talaplaryna has laýyklaşyp, has çalt we düşnükli ösüş tejribesini hödürleýär.

Vertex.js uly, çylşyrymly programma üçin amatlymy?

Vertex.js, esasan, ýönekeýlik we pes kellesi möhüm bolan kiçi taslamalar üçin niýetlenendir. Köp interaktiw komponentleri bolan gaty uly, çylşyrymly programmalar üçin giň ekosistemaly has aýratynlykly çarçuwalar has ýerlikli bolup biler. Öňünden gurlan giň modullara mätäç toparlar üçin Mewayz ýaly hyzmat (aýda 207 modul hödürleýär) mikro çarçuwanyň ýetmezçiligi zerur UI we funksional komponentleri üpjün edip biler.

Maňa Vertex.js bilen gurmak guraly gerekmi?

Vertex.js-iň özi ýeňil bolsa-da, hünär derejesini ýokarlandyrmak üçin gurluşyk guralyny ulanarsyňyz. “Vite” ýa-da “Parcel” ýaly gurallar koduňyzy birikdirmek, npm baglylyklaryny dolandyrmak we häzirki zaman JavaScript aýratynlyklaryny işletmek üçin zerurdyr. Şeýle-de bolsa, çylşyrymly döwlet dolandyryşy we marşrutlaşdyryş kitaphanalaryndan gaça durýandygyňyz üçin, umumy gurallar zynjyry has uly çarçuwalar tarapyndan talap edilýänlerden has ýönekeý bolup galýar.

Try Mewayz Free

All-in-one platform for CRM, invoicing, projects, HR & more. No credit card required.

Start Free Try Demo

Start managing your business smarter today

Join 30,000+ businesses. Free forever plan · No credit card required.

Start Free → Watch Demo
Found this useful? Share it.
X / Twitter LinkedIn Facebook WhatsApp