Asehoy ny HN: Vertex.js - Framework SPA 1kloc

Ny firongatry ny micro-frameworks: Nahoana no mandà ny fitaovana JavaScript mipoitra ny mpamorona

Namoaka rafitra fampiharana pejy tokana natsangana tamin'ny andalana 1000 eo ho eo amin'ny Hacker News ny mpamorona iray vao haingana, ary elektrika ny valiny. Ilay tetikasa — rafitra SPA minimalista — dia namelona indray ny adihevitra izay nikotrika tao amin'ny vondrom-piarahamonina fampivoarana tranonkala nandritra ny taona maro: lasa sarotra loatra ve ny fitaovantsika amin'ireo olana voavahany? Raha ny tranomboky fototra an'ny React, ny router-ny, ny sarin'ny fitantanana fanjakana, ary ny fitaovana fananganana azy dia miara-mandanja amin'ny andalana kaody an'hetsiny maro, rafitra iray izay manome lalana, mihetsika ary manao singa ao anatin'ny andalana 1,000 fotsiny dia mametraka fanontaniana tsy mahazo aina. Ho an'ny orinasa manangana rindranasa mifanandrify amin'ny mpanjifa, ny valin'io fanontaniana io dia misy vokany tena izy — amin'ny vanim-potoanan'ny entana, ny vokatra azo avy amin'ny mpamorona, ary ny saran'ny fikojakojana maharitra.

Manaporofo marina tokoa ny Framework 1000 andalana

Tsy vaovao ny hevitra momba ny micro-framework. Ny Backbone.js dia andalana 1.800 eo ho eo amin'ny kaody loharano misy annotated tamin'ny voalohany tamin'ny 2010. Mithril.js dia alefa amin'ny latsaky ny 10KB gzipped. Ny maha-zava-dehibe ny fidirana vaovao tsirairay amin'ity sokajy ity dia tsy ny isan'ny tsipika fa ny ambarany momba ny toetry ny API navigateur ankehitriny. Ny navigateur maoderina dia mandefa miaraka amin'ny fanohanan'ny teratany ho an'ny litera môdely, ny API History, ny hetsika mifototra amin'ny proxy, ny singa manokana ary ny fampidinana ny maody. Folo taona lasa izay, mila tsipika an'arivony ny frameworks mba hanamafisana ny fahasamihafana misy eo amin'ny Internet Explorer sy Chrome. Amin'izao fotoana izao, ny developer mahay dia afaka manangana rafitra SPA miasa tanteraka ho toy ny sosona orkestra manify eo an-tampon'ny sehatra voalohany.

Manan-danja izany satria mamindra ny resaka amin'ny hoe "firafitra inona no tokony hofidintsika?" hoe "mila rafitra mihitsy ve isika?" Ho an'ny tetikasa madinika ka hatramin'ny antonony — pejy fipetrahana misy fizarana mavitrika, dashboard anatiny, vavahadin-tseraseran'ny mpanjifa — mihamitombo ny valiny: mety tsy, na farafaharatsiny tsy mavesatra. Ny rafitra misy andalana 1.000 dia porofo fa efa matotra ny sehatra ka hatramin'ny fihenan'ny asan'ny rafitra.

Mazava ho azy, ny rafitra toa an'i React sy Vue dia mbola mahazo lanja amin'ny rindranasa midadasika miaraka amin'ny hazom-panjakana saro-takarina, filàna famandrihana amin'ny lafiny server, ary ekipan'ny mpamorona 20+ izay mandray soa avy amin'ny fivoriambe henjana. Ny tena zava-dehibe dia ny hoe ny fitaovana mety dia miankina tanteraka amin'ny sehatry ny olana.

Ny tena vidin'ny JavaScript Bloat

Ny fikarohana nataon'ny Google manokana dia naneho tsy tapaka fa isaky ny 100 milisegondra amin'ny fotoana entana fanampiny dia afaka mampihena ny tahan'ny fiovam-po hatramin'ny 7%. Ny pejin-tranonkala mediana izao dia mandefa JavaScript mihoatra ny 500KB — tarehimarika efa nitombo avo telo heny nanomboka tamin'ny taona 2015. Ho an'ny orinasa dia tsy metrika fampisehoana tsy misy dikany izany. Mandika mivantana amin'ny fidiram-bola very, tahan'ny fisondrotana ambony, ary laharan'ny milina fikarohana ratsy kokoa.

Mitombo ny olana amin'ny tambajotra finday. Ny mpampiasa iray amin'ny fitaovana Android midadasika mampifandray amin'ny 3G dia mety hiandry 5-8 segondra mba hahatonga ny pejy mavesatra JavaScript ho lasa mifanerasera, na dia efa vita aza ny HTML voalohany. Manasazy manokana ho an'ireo orinasa manompo mpanjifa any amin'ny tsena vao misondrotra izany, izay ny fitetezana voalohany amin'ny finday no fanao ary miovaova be ny fotodrafitrasa tambajotra.

• Fotoam-pamoahana: Mitaky elaela kokoa ny fandrafetana sy fanangonana ny fitambarana JavaScript lehibe, na dia alohan'ny hanatanterahana andalana tokana amin'ny fehezan-dalàna fampiharana
• Tsindrina fitadidiana: Ny rafitra sarotra ao anatiny dia mandany fitadidiana izay mety ampiasain'ny fampiharana mihitsy
• Havaozina ny havizanana: Ny fanavaozana rafitra lehibe (Angular 1 ka hatramin'ny 2, Vue 2 hatramin'ny 3, ny singa kilasy Mihetsika amin'ny hooks) dia manery ny ezaka fifindra-monina lafo vidy isaky ny 2-3 taona
• Rojo fiankinan-doha: Ny fampirimana node_modules an'ny tetikasa React mahazatra dia misy fonosana 800-1,200, ny tsirairay dia mety ho marefo amin'ny fiarovana na fiovana manimba
• Amboary ny fahasarotana: Webpack, Babel, PostCSS, ary ny fichier fandrindrana azy dia matetika mihoatra ny kaody fampiharana tompoiny

Ny rafitra micro dia manala ny ankamaroan'ireo fandaniana ireo. Miaraka amin'ny abstractions vitsy kokoa, vitsy kokoa ny zavatra ho tapaka, vitsy kokoa ny miankina amin'ny fanaraha-maso, ary vitsy kokoa ny bytes alefa amin'ny navigateur. Ho an'ny orinasa mila fisiana tranonkala haingana sy azo ianteherana tsy misy ekipa fotodrafitrasa natokana ho an'ny fotodrafitrasa eo anoloana, ny matematika dia miha-tsotra kokoa.

Nahoana no Mizarazara ny Vondrom-piarahamonina Mpamorona

Ny fifanakalozan-dresaka Hacker News momba ny rafitra SPA bitika dia miteraka toby roa mifanohitra. Amin'ny lafiny iray dia ireo mpamorona izay nandany taona maro tao amin'ny codebases lehibe natsangana tamin'ny React na Angular ary nahita mivantana ny firafitry ny fahasarotan'ny rafitra rehefa mandeha ny fotoana. Nijery ireo endri-javatra tsotra izy ireo ho lasa asa mandritry ny andro maromaro satria ny fivoriam-piaraha-miasa dia mitaky ny fanohizana ny fandrindrana ny router, ny boilerplate amin'ny fitantanana fanjakana, ary ny fitaovam-panadinana izay maneso ny ao anatiny. Ho an'ireo mpamorona ireo, ny rafitra misy andalana 1.000 dia maneho ny fanafahana — fiverenana amin'ny fahatakarana ny andalana rehetra misy kaody mandeha amin'ny fampiharana azy ireo.

Etsy ankilany dia ireo pragmatista izay nanamarika fa misy ny frameworks satria ny fampiharana eran-tany dia mila izay omeny amin'ny farany: fitaovana azo idirana, iraisam-pirenena, fanaparitahana kaody, famandrihana amin'ny lafiny mpizara, ary fantsona manakarama mpamorona efa mahalala ilay fitaovana. Mety hahafinaritra amin'ny tetik'asa faran'ny herinandro ny rafitra bitika iray, hoy izy ireo, fa andramo ampidiro ekipa dimy ka hatramin'ny codebase 1.000 andalana voatokana tsy misy valiny Stack Overflow ary tsy misy antontan-taratasy ofisialy.

Manana hevitra mitombina ny andaniny sy ny ankilany, ary ny marina dia mifanaraka amin'ny teny manodidina ny safidy. Ny mpanorina solo manangana MVP dia manana filana hafa noho ny ekipa orinasa mitazona fampiharana dimy taona. Ny loza dia ny fampiharana ny vahaolana amin'ny orinasa amin'ny olan'ny fanombohana, na ny fitaovana fanombohana amin'ny olan'ny orinasa.

Inona no tena ilain'ny Orinasa Maoderina amin'ny Teknolojiany

Ny adihevitra momba ny rafitra dia solon'ny fanontaniana lehibe kokoa: ahoana no tokony hizaran'ny orinasa ny loharano ara-teknika voafetra? Isaky ny adiny iray lanin'ny developer iray amin'ny fanamboarana fantsona fananganana na mifindra any amin'ny kinova rafitra vaovao dia ora iray tsy lany amin'ny fananganana endri-javatra manompo ny mpanjifa. Ho an'ny orinasa maro — indrindra fa ny asa madinika sy antonony — ny safidy ara-teknolojia mety indrindra dia izay manamaivana ny elanelana misy eo amin'ny "Manana hevitra aho" sy ny "mampiasa izany ny mpanjifa."

Ny fanapahan-kevitra ara-teknolojia tsara indrindra azon'ny orinasa mitombo dia ny fisafidianana fitaovana hamahana ny olana ankehitriny nefa tsy miteraka enta-mavesatry ny fikojakojana rahampitso. Na rafitra tsipika 1000 izany na sehatra voatanisa tanteraka, dia mitovy ny tanjona: mandany ny fotoananao amin'ny zavatra mampiavaka ny orinasanao, fa tsy amin'ny fotodrafitrasa ilain'ny orinasa rehetra.

Ity fitsipika ity dia miitatra any an-dafin'ny rafitra eo anoloana. Ny orinasa dia manangana tsy tapaka ireo rafitra backend mitovy - fanamarinan'ny mpampiasa, fanodinana fandoavam-bola, CRM, faktiora, fandaharam-potoana - satria mitaky izany ny antontam-teknolojia nofidiny. Ny sehatra toy ny Mewayz dia misy tokoa mba hanafoanana an'io asa miverimberina io, manolotra maody 207 efa vita mialoha mandrakotra ny zava-drehetra manomboka amin'ny CRM sy ny karama ka hatramin'ny rafitra famandrihana sy fanadihadiana. Ny filôzôfia mitovy amin'izany izay mitarika ny mpamorona ho amin'ny rafitra bitika — manao bebe kokoa amin'ny kely kokoa, manafoana ny fahasarotana tsy ilaina — mitarika ny orinasa mankany amin'ny sehatra mitambatra izay manolo ny famandrihana SaaS am-polony amin'ny rafitra tokana.

The Framework Spectrum: Fitadiavana ny toerana mahafinaritra anao

Raha tokony hihevitra ny safidin'ny rafitra ho toy ny mimari-droa — mega-framework na micro-framework — dia manampy ny mieritreritra amin'ny lafiny spektrum. Amin'ny lafiny iray, manana JavaScript vanilla ianao miaraka amin'ny abstractions zero. Amin'ny lafiny iray, manana rafitra meta-stack feno ianao toa ny Next.js na Nuxt izay mitantana ny lalana, ny famoahana, ny fakana data ary ny fametrahana. Ny ankamaroan'ny tetikasa dia any amin'ny faritra afovoany.

Ho an'ny tranokalam-barotra mifanandrify amin'ny mpanjifa miaraka amin'ireo singa ifampiraharahana vitsivitsy, dia mety ho mety indrindra ny rafitra micro-na na ny fihetsika inline amin'ny fomba Alpine.js. Ho an'ny dashboard SaaS saro-takarina miaraka amin'ny angon-drakitra tena izy, fahazoan-dàlana mifototra amin'ny andraikitra ary fanohanana ivelan'ny aterineto, ny rafitra matotra miaraka amin'ny tontolo iainana manankarena dia mendrika ny ambony. Ny hadisoana dia ny tsy mety amin'ny safidy mavesatra indrindra satria io no malaza indrindra, na ny tsy mety amin'ny maivana indrindra satria io no mahafa-po indrindra amin'ny ara-tsaina.

Tsotra ny fitsapana azo ampiharina: tanisao ny endri-javatra rehetra ilainao amin'ny fampiharana ao anatin'ny 12 volana manaraka. Raha mahafeno ny 90% amin'ireo filana ireo ny micro-framework ary azonao atao ny manodina ny 10% ambiny ao anatin'ny fotoana fohy kokoa noho ny laninao amin'ny fananganana rafitra lehibe kokoa, dia mandresy ny micro-framework. Raha toa ny lisitry ny endri-javatra anananao dia ahitana ny famandrihana amin'ny lafiny mpizara, ny fanamarinana endrika sarotra, ny orkestra amin'ny animation, ary ny fanohanana azo idirana lalina, ny rafitra lehibe kokoa dia mety handoa ho azy.

Lesona ho an'ireo mpanorina sy mpandraharaha tsy ara-teknika

Raha mitantana orinasa ianao ary miady hevitra momba ny rafitra ny ekipanao ara-teknika, dia izao no zava-dehibe. Voalohany, anontanio ny momba ny fotoana hisongadina voalohany — ahoana no ahafahan'ny mpamorona vaovao iray mandefa fiovana manan-danja? Raha toa ka tafiditra ao anatin'ny valin'izany ny andro fanamboarana tontolo iainana sy fianarana rafitra, dia famantarana fampitandremana izany na inona na inona rafitra nofidina. Faharoa, anontanio momba ny lalana fanavaozana. Ny rafitra izay mamoaka ny fanovana tapaka isaky ny 18 volana dia mametraka hetra miafina izay zara raha miseho amin'ny fanombanana voalohany.

Fahatelo, ary ny tena zava-dehibe, manontany raha mila rindrambaiko namboarina manokana ho an'ny asa resahina ianao. Orinasa maro no mampiasa vola mandritra ny volana maromaro amin'ny fananganana fitaovana anatiny - dashboard, rafitra CRM, fikorianan'ny faktiora, fifandraisana amin'ny fandaharam-potoana - izay efa misy toy ny vokatra voapoizina sy voakarakara. Ny sehatra iray toa an'i Mewayz, izay manompo mpampiasa mihoatra ny 138,000 miaraka amin'ny maody mivelatra amin'ny sehatry ny asa fandraharahana, dia afaka manafoana ny filàna fampivoarana manokana ho an'ny asa fandraharahana mahazatra. Izany dia manafaka ny ekipan'ny fampandrosoana anao hifantoka amin'ireo lafin-javatra tena miavaka amin'ny vokatrao — ireo endri-javatra tsy azon'ny fitaovana ivelan'ny talantalana omena.

1. Hamarino ny kaody mahazatra anao: Fantaro hoe inona ny fitaovana anatiny misy fampiasa dika mitovy amin'ny sehatra efa misy
2. Kajio ny tena sarany: Tsy ny fampandrosoana voalohany ihany fa ny fikojakojana mitohy, ny paty fiarovana ary ny fangatahana endri-javatra
3. Tombano ny fanamafisana: Isao ny famandrihana SaaS anao amin'izao fotoana izao ary ampitahao ny vidiny amin'ny sehatra iray mitambatra
4. Arovy ny mpanavaka anao: Tehirizo loharanon-karena fampivoarana manokana ho an'ny endri-javatra tena mampiavaka ny orinasanao

Ny ho avy dia an'ny safidy niniana

Ny fientanentanana manodidina ny rafitra SPA andalana 1,000 dia tsy tena momba ilay rafitra mihitsy. Mikasika ny hetsika mitombo eo amin'ny fampivoarana rindrambaiko mankany amin'ny finiavana — misafidy fitaovana satria mifanaraka amin'ny olana izy ireo, fa tsy hoe manjakazaka amin'ny tsena. Ny ecosystem JavaScript dia nandany ny folo taona farany tamin'ny hazakazaka fitaovam-piadiana misy endri-javatra sy abstractions. Ny hetsi-panoherana, izay asehon'ny micro-frameworks, HTML adika amin'ny server, ary API naterak'ny sehatra, dia fanitsiana mankany amin'ny pragmatisma.

Ho an'ny orinasa, ity fiovana ity dia tena tsara. Midika safidy bebe kokoa izany, ambany kokoa ny vidin'ny fanovana, ary kolontsaina mpamorona izay manome lanja bebe kokoa ny fahatsorana sy ny hafainganam-pandeha amin'ny fahafenoana teorika. Na mpandraharaha irery ianao misafidy eo amin'ny WordPress sy tranokala namboarina manokana, na CTO manombatombana na hanorina na hividy ny fitaovana anatiny manaraka, dia mitovy ihany ny fitsipika: ny teknolojia tsara indrindra dia ilay manjavona any ambadika, mamela anao hifantoka amin'ny fanompoana ny mpanjifanao.

Mampahatsiahy antsika ny rafitra misy andalana 1000 fa tsy mila fahasarotana ny hery. Ny orinasa mahomby indrindra — sy ny fitaovana mahomby indrindra — dia ireo izay manao araka izay ilaina ary tsy misy hafa.

Fanontaniana matetika

Inona no atao hoe micro-framework toa an'i Vertex.js?

Ny micro-framework dia famakiam-boky JavaScript minimalista natao hikarakarana ireo asa fampiharana fototra tsy misy vahaolana lehibe kokoa. Ny Vertex.js dia mahavita izany amin'ny alàlan'ny fanomezana fampiasa SPA tena ilaina—toy ny fandalovana sy ny fitantanana fanjakana—amin'ny andalana code 1000 eo ho eo. Mifanohitra amin'ireo rafitra izay mitaky tranomboky misaraka sy mavesatra kokoa ho an'ny zotra na fanjakana izany, izay mampihena ny fahasarotana amin'ny ankapobeny sy ny bloat ho an'ny tetikasa kely kokoa.

Nahoana ny mpamorona no mizotra mankany amin'ny fitaovana tsotra kokoa?

Betsaka ny mpamorona no mahatsapa fa lasa sarotra loatra ny fitaovana JavaScript maoderina ho an'ny tetikasa antonony. Ny rafitra mavesatra dia afaka mampiditra ny fotoana fananganana miadana, curve fianarana mideza, ary ireo endri-javatra tsy ilaina. Ny fitaovana tsotra kokoa toa an'i Vertex.js dia manolotra traikefa fampandrosoana haingana sy takatry ny saina kokoa amin'ny fifantohana amin'ireo olana tena ilaina tokony hovahan'ny rafitra iray, mifanaraka tsara kokoa amin'ny fepetra takian'ny tetikasa.

Mety amin'ny fampiharana lehibe sy sarotra ve ny Vertex.js?

Vertex.js dia natao voalohany indrindra ho an'ny tetikasa madinika izay ny fahatsorana sy ny ambony ambany no zava-dehibe. Ho an'ny rindranasa tena lehibe sy be pitsiny miaraka amin'ireo singa mifampiresaka maro, mety mety kokoa ny rafitra manana endri-javatra kokoa miaraka amin'ny tontolo iainana midadasika kokoa. Ho an'ny ekipa mila môdôly efa vita mialoha, ny serivisy toa an'i Mewayz (manolotra maody 207 ho an'ny $19/mo) dia afaka manome ny UI ilaina sy ny singa miasa izay tsy ampy ny rafitra bitika.

Mbola mila fitaovana fananganana miaraka amin'ny Vertex.js ve aho?

Na dia maivana aza ny Vertex.js, dia azo inoana fa mbola hampiasa fitaovana fananganana ho an'ny fampandrosoana matihanina ianao. Ny fitaovana toa an'i Vite na Parcel dia ilaina mba hamehezana ny kaodinao, hikarakarana ny fiankinan-doha amin'ny npm, ary hamela ny endri-javatra JavaScript maoderina. Na izany aza, ny rojom-pitaovana amin'ny ankapobeny dia mijanona ho tsotra kokoa noho ireo takian'ny rafitra lehibe kokoa, satria misoroka ireo tranomboky fitantanana saro-pady sy fampandehanana lalana ianao.