Erekana HN: Vertex.js - Urwego rwa 1kloc SPA

Kuzamuka kwa Micro-Frameworks: Impamvu Abashinzwe Kwanga Igikoresho Cyuzuye JavaScript

Iterambere riherutse kohereza urupapuro rumwe rwo gusaba rwubatswe mumirongo igera kuri 1.000 ya code kuri Hacker News, kandi igisubizo cyari amashanyarazi. Umushinga - urwego ruto rwa SPA - rwongeye kuganiraho impaka zimaze imyaka zishira mumuryango witerambere ryurubuga: ibikoresho byacu byabaye ingorabahizi kubibazo bakemura? Iyo isomero ryibanze rya React, router yayo, urwego rwubuyobozi bwa leta, hamwe nibikoresho byubaka hamwe hamwe bipima imirongo ibihumbi magana ya code, urwego rutanga inzira, reaction, hamwe nibice bitangwa mumirongo 1.000 gusa bitera ikibazo kitoroshye. Kubucuruzi bwubaka abakiriya-bareba porogaramu, igisubizo cyikibazo gifite ingaruka nyazo - mugihe cyumutwaro, umusaruro wabatezimbere, nigiciro cyigihe kirekire cyo kubungabunga.

Niki Imirongo 1.000 Imirongo Yerekana Mubyukuri

Igitekerezo cya micro-framework ntabwo ari shyashya. Backbone.js yari imirongo 1.800 yumurongo winkomoko yatangajwe igihe yatangiraga muri 2010. Amato ya Mithril.js munsi ya 10KB gzipped. Niki gituma buri kintu gishya cyinjira muriki cyiciro kigaragara ntabwo ari umurongo ubara ahubwo ni icyo uhishura kubyerekeranye nuburyo bugezweho bwa mushakisha APIs. Mucukumbuzi zigezweho zoherejwe hamwe ninkunga kavukire yinyandiko isanzwe, Amateka API, Proxy-ishingiye kuri reaction, ibintu byabigenewe, hamwe no gupakira module. Imyaka icumi ishize, ibyingenzi byari bikeneye imirongo ibihumbi kugirango gusa itandukaniro rya Internet Explorer na Chrome. Uyu munsi, umuhanga mubuhanga arashobora kubaka urwego rwuzuye rwa SPA nkurwego ruto rwa orchestre yoroheje hejuru ya platform primitives.

Ibi bifite akamaro kuko bihindura ikiganiro kuva "ni ubuhe buryo tugomba guhitamo?" "" dukeneye urwego rwose? " Kubikorwa bito-by-imishinga - urupapuro rwurupapuro rufite ibice bifite imbaraga, ikibaho cyimbere, urubuga rwabakiriya - igisubizo kiragenda cyiyongera: birashoboka ntabwo, cyangwa byibuze ntabwo biremereye. Imirongo 1.000 yumurongo ni gihamya ko urubuga rwakuze kugeza aho akazi k'urwego rugabanuka.

Nibyo, ibyingenzi nka React na Vue biracyafite uburemere mubikorwa binini binini hamwe nibiti bya leta bigoye, seriveri yo gutanga ibikenewe, hamwe nitsinda ryabaterankunga 20+ bungukirwa namasezerano akomeye. Ubushishozi bwibanze nuko igikoresho gikwiye biterwa rwose nurwego rwikibazo.

Igiciro nyacyo cya JavaScript Bloat

Ubushakashatsi bwite bwa Google bwerekanye ko buri milisegonda 100 yigihe cyongeweho igihe gishobora kugabanya igipimo cyo guhindura kugeza kuri 7%. Urubuga rwa interineti rwagati rwohereje hejuru ya 500KB ya JavaScript - imibare yikubye inshuro eshatu kuva 2015. Kubucuruzi, ntabwo aribipimo bifatika. Ihindura mu buryo butaziguye amafaranga yatakaye, igipimo cyo hejuru cyo kugabanuka, hamwe na moteri ishakisha nabi.

Ikibazo cyiyongereye kumurongo wa mobile. Umukoresha kumurongo wo hagati wa Android uhuza hejuru ya 3G arashobora gutegereza amasegonda 5-8 kugirango page ya JavaScript iremereye ihindurwe, nubwo HTML yambere itanze. Ibi birahana cyane cyane kubucuruzi bukorera abakiriya mumasoko agaragara, aho gushakisha-terefone igendanwa aribisanzwe kandi ibikorwa remezo biratandukanye cyane.

• Umuvuduko wo kwibuka: Imikorere igoye imbere ikoresha ibyibutsa bishobora gukoreshwa na porogaramu ubwayo
• • Kubaka ibintu bigoye: Webpack, Babel, PostCSS, hamwe namadosiye yabyo akenshi arenga kode yo gusaba bakorera

  Micro-remezo kuruhande rwibiciro byinshi. Hamwe na abstract nkeya, haribintu bike byo kumena, bike biterwa no kugenzura, na bytes nkeya zohereza kuri mushakisha. Kubucuruzi bukeneye urubuga rwihuta, rwizewe rudafite itsinda ryibikorwa remezo byabigenewe, imibare igenda ishigikira ubworoherane.

  Impamvu Umuryango wabateza imbere utandukanijwe

  Ibiganiro bya Hackers hafi ya SPA ntoya itanga inkambi ebyiri zihanganye. Kuruhande rumwe hari abitezimbere bamaranye imyaka muri codebase nini yubatswe kuri React cyangwa Angular kandi bariboneye ubwabo uburyo ibice bigoye bigenda byiyongera mugihe. Barebye ibintu byoroshye ballon mubikorwa byiminsi myinshi kubera ko amasezerano yibikorwa bisaba gukoraho iboneza rya router, imiyoborere ya leta, hamwe nibikoresho byogusebya imbere. Kubateza imbere, umurongo wumurongo 1.000 ugereranya kwibohora - kugaruka kubyunvikana kumurongo wose wa code ikora mubisabwa.

  Kurundi ruhande hari pragmatiste yerekana ko urwego ruriho kuko porogaramu nyayo-isi amaherezo ikenera ibyo itanga: ibikorwa byogufasha kuboneka, kumenyekanisha mpuzamahanga, kugabana kode, gutanga seriveri-kuruhande, hamwe numuyoboro wo guha akazi abaterankunga basanzwe bazi igikoresho. Bavuga ko micro-framework ishobora gushimisha umushinga wicyumweru, ariko gerageza winjire mumatsinda yabatanu kugeza kuri bespoke umurongo wa codebase 1.000 idafite ibisubizo bya Stack Overflow kandi nta byangombwa byemewe.

  Impande zombi zifite ingingo zemewe, kandi ukuri ni uko guhitamo ari imiterere. Umuntu washinze wenyine wubaka MVP afite ibyo akeneye bitandukanye cyane nitsinda ryabashoramari bakomeza gusaba imyaka itanu. Akaga kari mugukoresha ibisubizo byumushinga kubibazo byo gutangiza, cyangwa ibikoresho byo gutangiza ibibazo byumushinga.

  Ibyo ubucuruzi bugezweho bukenera mubyukuri bya tekinoroji

  Impaka zifatizo nizo zihagararira ikibazo kinini: ni gute abashoramari bagomba kugabura ibikoresho byabo bya tekinike? Buri saha uwatezimbere amara gushiraho imiyoboro yubaka cyangwa kwimukira muburyo bushya ni isaha idakoreshwa muburyo bwo kubaka ikorera abakiriya. Kubucuruzi bwinshi - cyane cyane ibikorwa bito n'ibiciriritse - guhitamo ikoranabuhanga ryiza nimwe bigabanya itandukaniro riri hagati ya "Mfite igitekerezo" na "abakiriya barabikoresha."

  Icyemezo cyiza cyikoranabuhanga ubucuruzi bugenda bwiyongera bushobora gufata ni uguhitamo ibikoresho bikemura ibibazo byumunsi utarinze gushiraho umutwaro wo kubungabunga ejo. Byaba bivuze umurongo wa 1.000 cyangwa urubuga rwacunzwe neza, intego ni imwe: fata umwanya wawe kubituma ubucuruzi bwawe budasanzwe, ntabwo kubikorwa remezo buri bucuruzi bukeneye.

  Iri hame rirenze kure yimbere. Ubucuruzi busanzwe bwubaka sisitemu imwe yinyuma - kwemeza abakoresha, gutunganya ubwishyu, CRM, inyemezabuguzi, gahunda - kuberako tekinoroji bahisemo irabisaba. Amahuriro nka Mewayz abaho neza kugirango akureho iki gikorwa gisubirwamo, atanga module 207 yabanje kubakwa ikubiyemo ibintu byose kuva CRM n'umushahara kugeza kuri sisitemu zo kubika no gusesengura. Filozofiya imwe itera abitezimbere kuri micro-remezo - kora byinshi hamwe na bike, ikureho ibintu bitari ngombwa - itera ubucuruzi kugana ku mbuga zahujwe zisimbuza abiyandikishije benshi ba SaaS hamwe na sisitemu imwe.

  💡 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 →

  Ikirangantego: Kubona Ahantu heza

  Aho gufata uburyo bwo guhitamo nkibiri - mega-remezo cyangwa micro-remezo - ifasha gutekereza mubijyanye na spekiteri. Ku mpera imwe, ufite vanilla JavaScript hamwe na zero abstract. Kurundi, ufite meta-yuburyo bwuzuye nka Next.js cyangwa Nuxt ikora inzira, gutanga, kuzana amakuru, no kohereza. Imishinga myinshi iri ahantu hagati.

  Kubakiriya bareba urubuga rwamamaza rufite ibintu bike bikorana, micro-framework cyangwa na Alpine.js-inline in reaction reaction irashobora kuba nziza. Kubikoresho bigoye bya SaaS hamwe namakuru yigihe-nyacyo, uruhushya rushingiye ku ruhare, hamwe nu nkunga ya interineti, urwego rukuze rufite urusobe rwibinyabuzima rukwiye hejuru. Ikosa ni ugusubiramo amahitamo aremereye cyane kuko arirwo ruzwi cyane, cyangwa usanzwe urumuri kuko arirwo rushimishije cyane mubwenge.

  Ikizamini gifatika kiroroshye: andika buri kintu cyose ukeneye gusaba mumezi 12 ari imbere. Niba micro-framework ikubiyemo 90% yibyo ukeneye kandi urashobora kuzunguza amaboko 10% asigaye mugihe gito ugereranije nuko wakoresha mugushiraho urwego runini, micro-framework iratsinda. Niba urutonde rwawe rurimo seriveri kuruhande, gutanga imiterere igoye yo kwemeza, animasiyo ya animasiyo, hamwe nubufasha bwimbitse bworoshye, urwego runini rushobora kwiyishura.

  Amasomo kubatashinze tekiniki nabashinzwe ubucuruzi

  Niba ukora ubucuruzi kandi itsinda rya tekinike yawe riraganira kumurongo, dore icyangombwa. Ubwa mbere, baza igihe kugirango ubanze ubanze - ni kangahe utezimbere mushya mumatsinda yohereza impinduka zifatika? Niba igisubizo kirimo iminsi yo gushiraho ibidukikije no kwiga ibyingenzi, icyo ni ikimenyetso cyo kuburira utitaye kumurongo watoranijwe. Icya kabiri, baza kubijyanye no kuzamura inzira. Ibikorwa bisohora impinduka zihinduka buri mezi 18 bishyiraho umusoro uhishe udakunze kugaragara mugusuzuma kwambere.

  Icya gatatu, kandi cyane cyane, ibaze niba ukeneye software-yubatswe na gato kubikorwa bivugwa. Ibigo byinshi bishora amezi yigihe cyiterambere byubaka ibikoresho byimbere - ikibaho, sisitemu ya CRM, inyemezabuguzi zitemba, gahunda yo guteganya - isanzwe ibaho nkibicuruzwa bisize, bikomeza. Ihuriro nka Mewayz, rikorera abakoresha barenga 138.000 hamwe na module ikurikirana ibintu byose byubucuruzi, irashobora gukuraho ibikenewe byiterambere byimbere kubikorwa byubucuruzi bisanzwe. Ibi birekura itsinda ryanyu ryiterambere kugirango ryibande kubintu byihariye bidasanzwe byibicuruzwa byawe - ibiranga nta gikoresho cyo hanze gishobora gutanga.

  1. Kugenzura kode yawe yihariye: Menya ibikoresho byimbere bigana imikorere iboneka kumurongo uriho
  2. Kubara ikiguzi nyacyo: Ibintu mubikorwa byiterambere gusa ahubwo bikomeza kubungabungwa, umutekano, hamwe nibisabwa biranga
  3. Suzuma guhuriza hamwe: Kubara abiyandikishije muri SaaS y'ubu hanyuma ugereranye ikiguzi na platform ihuriweho
  4. Kurinda itandukaniro ryanyu: Bika umutungo witerambere wigenga kubintu bitandukanya rwose ubucuruzi bwawe

  Igihe kizaza kijyanye no guhitamo nkana

  Ibyishimo hafi yumurongo wa 1.000 umurongo wa SPA ntabwo mubyukuri mubikorwa ubwabyo. Byerekeranye no kwiyongera kwimikorere ya software igana kubushake - guhitamo ibikoresho kuko bihuye nikibazo, ntabwo ari ukubera isoko. Urusobe rwibinyabuzima rwa JavaScript rumaze imyaka icumi ishize mumarushanwa yintwaro yibiranga. Kurwanya-kugenda, kugaragazwa na micro-remezo, seriveri yatanzwe na HTML, hamwe na platform-kavukire ya APIs, ni ugukosora kuri pragmatism.

  Kubucuruzi, iri hinduka ni ryiza rwose. Bisobanura amahitamo menshi, ibiciro byo guhinduranya, hamwe numuco wabateza imbere ugenda uha agaciro ubworoherane n'umuvuduko hejuru yuburyo bwuzuye. Waba uri rwiyemezamirimo wenyine uhitamo hagati ya WordPress n'urubuga rwubatswe, cyangwa CTO gusuzuma niba kubaka cyangwa kugura igikoresho cyawe gikurikira, ihame rimwe rirakurikizwa: ikoranabuhanga ryiza niryo ritazimira inyuma, bikakwemerera kwibanda kubakiriya bawe.

  Imirongo 1.000 itwibutsa ko imbaraga zidasaba ibintu bigoye. Ubucuruzi bukora neza - hamwe nibikoresho bifatika - nibyo bikora neza ibikenewe kandi ntakindi.

  Hindura ubucuruzi bwawe hamwe na Mewayz

  Mewayz azana module 207 yubucuruzi muburyo bumwe - CRM, inyemezabuguzi, imicungire yimishinga, nibindi byinshi. Injira kubakoresha 138.000+ boroheje akazi kabo.

  {"@ imiterere": "https: \ / \ / schema.org", "@ ubwoko": "FAQPage", "mainEntity": [{ \ u2014 CRM, inyemezabuguzi, imicungire yimishinga, nibindi byinshi. Injira kubakoresha 138.000+ boroheje akazi kabo. "}}]}

  Ibibazo bikunze kubazwa

  Micro-remezo ni iki nka Vertex.js?

  Micro-framework ni isomero ntoya ya JavaScript isomero ryagenewe gukora imirimo yibanze idafite igice kinini cyibisubizo binini. Vertex.js ibigeraho itanga imikorere yingenzi ya SPA-nko kuyobora no kuyobora leta-mumirongo igera kuri 1.000 ya code. Ibi bihabanye nuburyo busaba amasomero atandukanye, aremereye amasomero yo kuyobora cyangwa leta, kugabanya muri rusange ibintu bigoye no kubyimba imishinga mito.

  Kuki abitezimbere berekeza kubikoresho byoroshye?

  Abashinzwe iterambere benshi bumva ko ibikoresho bya JavaScript bigezweho byabaye ingorabahizi kumushinga ugereranije. Ibikorwa biremereye birashobora gutangiza igihe cyo kubaka buhoro, kwigira gukomeye, hamwe nibintu bitari ngombwa. Ibikoresho byoroshye nka Vertex.js bitanga uburambe bwiterambere, byumvikana byiterambere byibanda kubibazo byingenzi urwego rukeneye gukemura, guhuza neza nibisabwa byumushinga.

  Ese Vertex.js ibereye porogaramu nini, igoye?

  Vertex.js yagenewe mbere na mbere imishinga mito aho ubworoherane no hejuru hejuru ari urufunguzo. Kubintu binini cyane, bigoye hamwe nibice byinshi byimikorere, ibintu byinshi-bikungahaye hamwe nibidukikije binini bishobora kuba byiza. Ku makipe akeneye module nini yabanjirije iyubakwa, serivisi nka Mewayz (itanga modul 207 kumadorari 19 / mo) irashobora gutanga UI ikenewe hamwe nibikoresho bikora mikorobe idafite.

  Ndacyakeneye igikoresho cyo kubaka hamwe na Vertex.js?

  Mugihe Vertex.js ubwayo yoroshye, birashoboka ko uzakoresha igikoresho cyubaka mugutezimbere umwuga. Ibikoresho nka Vite cyangwa Parcelle birakenewe kugirango uhuze code yawe, ukemure npm biterwa, kandi ushoboze ibiranga JavaScript bigezweho. Nyamara, muri rusange ibikoresho byifashishwa bikomeza kuba byoroshye kuruta ibyo bisabwa n’ibikorwa binini, kuko wirinda ibintu bigoye bya leta-imiyoborere no kuyobora amasomero.

  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