Show HN: Vertex.js – 1kloc SPA Framework

Микро фреймворктордун өсүшү: Эмне үчүн иштеп чыгуучулар JavaScript шаймандарынан баш тартып жатышат

Жакында иштеп чыгуучу Hacker Newsке болжол менен 1000 саптык коддон турган бир барактан турган тиркеме негизин жайгаштырды жана жооп электрдик болду. Долбоор - минималисттик SPA алкагы - веб-иштеп чыгуу коомчулугунда бир нече жылдардан бери кайнап келе жаткан талаш-тартыштарды жандандырды: биздин куралдар алар чечүүчү көйгөйлөр үчүн өтө татаал болуп калдыбы? React'тин негизги китепканасы, анын роутери, мамлекеттик башкаруу катмары жана куруу куралдары биргелешип жүз миңдеген код саптарын түзгөндө, маршрутизацияны, реактивдүүлүктү жана компоненттерди 1000 сапта көрсөтүүнү камсыз кылган алкак ыңгайсыз суроону жаратат. Кардарларга багытталган тиркемелерди куруп жаткан ишканалар үчүн бул суроонун жообу жүктөө убактысына, иштеп чыгуучунун өндүрүмдүүлүгүнө жана узак мөөнөттүү тейлөөгө кеткен чыгымдарга реалдуу натыйжаларды берет.

1000-саптык алкак чындыгында эмнени далилдейт

Микро алкак идеясы жаңы эмес. Backbone.js 2010-жылы дебют кылганда болжол менен 1800 сап аннотацияланган баштапкы кодду түзгөн. Бул категориядагы ар бир жаңы жазууну саптардын саны эмес, ал браузердин API'леринин учурдагы абалы жөнүндө ачып берет. Заманбап браузерлер шаблон литералдарын, History API'ди, проксиге негизделген реактивдүүлүктү, ыңгайлаштырылган элементтерди жана модулду жүктөө үчүн жергиликтүү колдоо менен жеткирилет. Он жыл мурун, Internet Explorer менен Chrome ортосундагы айырмачылыктарды нормалдаштыруу үчүн алкактарга миңдеген саптар керек болчу. Бүгүнкү күндө дасыккан иштеп чыгуучу платформа примитивдердин үстүнө жука оркестрдик катмар катары толук функционалдык SPA алкагын кура алат.

Бул маанилүү, анткени ал сүйлөшүүнү "кайсы алкакты тандашыбыз керек?" "Бизге дегеле алкак керекпи?" Чакандан ортого чейинки долбоорлор үчүн - динамикалык бөлүмдөрү бар десант баракчасы, ички башкаруу тактасы, кардар порталы - жооп барган сайын көбөйүүдө: мүмкүн эмес, же жок дегенде оор эмес. 1000 линиядан турган алкак платформанын алкактын жумушу кичирейген деңгээлге жеткендигинин далили.

Албетте, React жана Vue сыяктуу фреймворктор дагы эле татаал штат дарактары, сервердик рендеринг муктаждыктары жана катаал конвенциялардан пайда алган 20+ иштеп чыгуучулардан турган командалар менен чоң масштабдагы тиркемелерде өз салмагын табышат. Негизги түшүнүк - туура курал толугу менен көйгөйдүн масштабынан көз каранды.

JavaScript Bloat'тын реалдуу баасы

Google'дун өзүнүн изилдөөсү ар бир 100 миллисекунддук жүктөө убактысынын конверсиясын 7% га чейин төмөндөтөөрүн ырааттуу көрсөттү. Медианалык веб-баракча азыр 500 КБдан ашык JavaScript жөнөтөт — бул көрсөткүч 2015-жылдан бери дээрлик үч эсеге өстү. Бизнес үчүн бул абстракттуу көрсөткүч эмес. Бул түздөн-түз жоголгон кирешеге, секирүү ылдамдыгынын жогорулашына жана издөө системаларынын рейтингинин начарлашына алып келет.

Көйгөй мобилдик тармактарда татаалдашкан. 3G аркылуу туташкан орто диапазондогу Android түзмөгүндөгү колдонуучу JavaScript оор баракчанын интерактивдүү болушу үчүн 5-8 секунд күтүшү мүмкүн, атүгүл баштапкы HTML көрсөтүлгөндөн кийин да. Бул өзгөчө өнүгүп келе жаткан рыноктордо кардарларды тейлеген ишканаларды жазалайт, бул жерде мобилдик биринчи серептөө норма болуп саналат жана тармак инфраструктурасы кескин өзгөрөт.

• Талдоо убактысы: Чоң JavaScript таңгактарын талдоо жана компиляциялоо үчүн бир сап колдонмо коду аткарылганга чейин дагы көп убакыт талап кылынат
• Эс тутум басымы: Татаал алкактын ички түзүмдөрү колдонмонун өзү колдоно турган эстутумду керектейт
• Жаңыртуу чарчоо: Негизги алкактык жаңыртуулар (бурчтук 1ден 2ге чейин, Vue 2ден 3кө чейин, класстын компоненттери илгичтерге реакция кылуу) ар бир 2-3 жыл сайын кымбат баалуу миграциялык аракеттерди талап кылат
• Көз карандылык чынжырлары: Кадимки React долбоорунун node_modules папкасы 800-1200 пакетти камтыйт, алардын ар бири потенциалдуу коопсуздуктун алсыздыгы же өзгөрүлүүчү өзгөрүү
• Курулуш татаалдыгы: Webpack, Babel, PostCSS жана алардын конфигурация файлдары көбүнчө алар тейлеген колдонмо кодунан ашат

Микро алкактар бул чыгымдардын көбүн четке кагат. Абстракциялардын азайышы менен, сындыра турган нерселер азыраак, текшерүү үчүн көз карандылыктар азыраак жана браузерге жөнөтүү үчүн байт азыраак. Ыкчам инфраструктуралык командасыз тез жана ишенимдүү веб-сайтка муктаж болгон бизнес үчүн математика барган сайын жөнөкөйлүктү жактырат.

Иштеп чыгуучулардын коомчулугу эмне үчүн бөлүнгөн

Кичинекей SPA алкактарынын тегерегиндеги Hacker News талкуусу эки карама-каршы лагерди жаратат. Бир тарапта React же Angular негизинде курулган чоң коддук базаларда көп жылдар бою иштешкен жана убакыттын өтүшү менен алкактын татаалдыгы кандайча кошулганын өз көзү менен көргөн иштеп чыгуучулар бар. Алар жөнөкөй функциялардын көп күндүк тапшырмаларды аткарууну карап чыгышты, анткени алкактын конвенциялары роутердин конфигурациясын, мамлекеттик башкаруу пластинкасын жана алкактын ички түзүлүштөрүн шылдыңдаган сыноо жабдыктарын талап кылат. Бул иштеп чыгуучулар үчүн 1000 саптан турган алкак боштондукту билдирет — алардын колдонмосунда иштеген коддун ар бир сабын түшүнүүгө кайтып келүү.

Экинчи тарапта прагматисттер бар экенин белгилешкен прагматиктер, анткени реалдуу тиркемелер акыры алар камсыз кылган нерсеге муктаж: жеткиликтүүлүк утилиталары, интернационалдаштыруу, кодду бөлүү, сервердик рендеринг жана куралды мурунтан эле билген иштеп чыгуучуларды жалдоо. Микро алкак дем алыштагы долбоор үчүн жагымдуу болушу мүмкүн дешет алар, бирок Stack Overflow жооптору жана расмий документтери жок беш кишиден турган команданы 1000 саптан турган атайын коддук базага кошуп көрүңүз.

Эки тарап тең туура ойлорго ээ, жана чындык тандоо контексттик болуп саналат. MVP курган соло негиздөөчүнүн беш жылдык тиркемени тейлеген ишкана командасына караганда түп-тамырынан башкача муктаждыктары бар. Коркунуч баштапкы көйгөйлөргө ишкана чечимдерин колдонууда же ишкананын көйгөйлөрүнө стартап куралдарын колдонууда.

Заманбап ишканаларга чындыгында алардын технологиялык стекинен эмне керек

Алкактык талкуу акыры чоңураак суроонун проксиси болуп саналат: бизнес чектелген техникалык ресурстарын кантип бөлүштүрүшү керек? Иштеп чыгуучу куруу түтүгүн конфигурациялоого же жаңы фреймворк версиясына өтүүгө сарптаган ар бир сааты кардарларга кызмат кылган функцияларды курууга сарпталбайт. Көптөгөн ишканалар үчүн, өзгөчө чакан жана орто ишканалар үчүн идеалдуу технология тандоо "менде идея бар" жана "кардарлар аны колдонуп жатышат" ортосундагы ажырымды азайткан технология болуп саналат.

Өнүгүп бара жаткан бизнес жасай турган эң мыкты технология чечими - эртеңки тейлөө түйшүгүн жаратпастан, бүгүнкү көйгөйлөрдү чече турган куралдарды тандоо. Бул 1000 линиялык алкак же толугу менен башкарылган платформа дегенди билдиреби, максат бир: убакытыңызды ар бир бизнеске керектүү инфраструктурага эмес, бизнесиңизди уникалдуу кылган нерсеге жумшаңыз.

Бул принцип фронталдык алкактардан тышкары жайылтылат. Ишканалар дайыма ошол эле сервердик системаларды - колдонуучунун аутентификациясын, төлөмдү иштетүүнү, CRMди, эсеп-фактураны, графикти - кайра курушат, анткени алардын тандалган технологиялык стектери муну талап кылат. Mewayz сыяктуу платформалар бул кайталануучу ишти жок кылуу үчүн так бар, алар CRM жана эмгек акыдан баштап ээлөө тутумдарына жана аналитикага чейин бардыгын камтыган 207 алдын ала түзүлгөн модулдарды сунуштайт. Иштеп чыгуучуларды микро алкактарга карай түрткөн ошол эле философия — азыраак каражат менен көбүрөөк иш кылыңыз, ашыкча татаалдыкты жок кылыңыз — компанияларды бир система менен ондогон SaaS жазылууларын алмаштырган консолидацияланган платформаларга багыттайт.

Алкактык спектр: Таттуу жериңизди табуу

Алкактык тандоону бинардык - мега-рамка же микро-алкак катары кароонун ордуна, ал спектр боюнча ойлонууга жардам берет. Бир четинде сизде нөл абстракциялары бар ваниль JavaScript бар. Экинчиден, сизде Next.js же Nuxt сыяктуу толук стектүү мета-фремворктар бар, алар маршрутташтыруу, рендеринг, маалыматтарды алуу жана жайылтуу менен алектенет. Көпчүлүк долбоорлор ортодогу бир жерге таандык.

Бир нече интерактивдүү элементтери бар кардарларга багытталган маркетинг сайты үчүн микро алкак же Alpine.js стилиндеги линиядагы реактивдүүлүк эң сонун ылайыктуу болушу мүмкүн. Реалдуу убакыттагы маалыматтар, ролго негизделген уруксаттар жана оффлайн колдоосу менен татаал SaaS тактасы үчүн бай экосистемасы бар жетилген алкак кошумча чыгымга арзыйт. Ката - бул эң популярдуу болгондуктан, демейки эң оор вариант же демейки эң жеңил болуп калууда, анткени ал эң интеллектуалдык жактан канааттандырарлык.

Практикалык тест жөнөкөй: кийинки 12 ай ичинде колдонмоңузга керек болгон бардык функцияларды тизмектеңиз. Эгерде микро алкак ошол муктаждыктардын 90% ын камтыса жана сиз чоңураак алкакты конфигурациялоого коротконуңуздан азыраак убакыттын ичинде калган 10% ын кол менен тоголоктоп алсаңыз, микро алкак жеңет. Функциялар тизмеңизде сервердик рендеринг, татаал форманы текшерүү, анимацияларды уюштуруу жана терең жеткиликтүүлүк колдоо камтылса, чоңураак алкак өзүн актайт.

Техникалык эмес уюштуруучулар жана бизнес-операторлор үчүн сабактар

Эгер сиз бизнес жүргүзүп жатсаңыз жана сиздин техникалык командаңыз алкактарды талкуулап жатса, бул жерде иш жүзүндө эмне маанилүү. Биринчиден, биринчи функцияга убакыт жөнүндө сураңыз — командадагы жаңы иштеп чыгуучу маанилүү өзгөрүүнү канчалык тез жеткире алат? Эгер жооп чөйрөнү орнотуу жана алкакты үйрөнүү күндөрүн камтыса, кайсы алкак тандалганына карабастан, бул эскертүү белгиси. Экинчиден, жаңыртуу жолу жөнүндө сураңыз. Ар бир 18 ай сайын үзгүлтүксүз өзгөрүүлөрдү чыгарган алкактар баштапкы баалоодо сейрек кездешүүчү жашыруун салыкты киргизет.

Үчүнчүдөн, эң негизгиси, бул функция үчүн сизге ыңгайлаштырылган программалык камсыздоо керекпи деген суроо. Көптөгөн ишканалар жылмаланган, тейленген продуктулар катары бар болгон ички инструменттерди - башкаруу панелдерин, CRM системаларын, эсеп-кысап агымдарын, графиктерди түзүү интерфейстерин курууга бир нече ай убакыт сарпташат. Mewayz сыяктуу платформа бизнес операцияларынын толук спектрин камтыган модулдары менен 138 000ден ашык колдонуучуларды тейлейт, стандарттуу бизнес функциялары үчүн жекече иштеп чыгуунун зарылдыгын толугу менен жок кыла алат. Бул сиздин иштеп чыгуу тобуңузга продуктуңуздун чыныгы уникалдуу аспектилерине көңүл бурууга бошотот — эч кандай даяр курал бере албаган өзгөчөлүктөр.

Келечек атайылап тандоолорго таандык

1000 линиялуу SPA алкагындагы толкундануу чындыгында алкактын өзү жөнүндө эмес. Бул программалык камсыздоону иштеп чыгууда интенсивдүүлүккө карай өсүп жаткан кыймыл жөнүндө — куралдарды тандоо, алар рынокто үстөмдүк кылганы үчүн эмес, көйгөйгө туура келгендиктен. JavaScript экосистемасы акыркы он жылдыкты өзгөчөлүктөрдүн жана абстракциялардын жарышында өткөрдү. Микро алкактар, сервердик HTML жана платформанын түпнуска API'лери менен көрсөтүлгөн каршы кыймыл прагматизмге карата түзөтүү болуп саналат.

Ишканалар үчүн бул жылыш бирден-бир оң. Бул көбүрөөк варианттарды, арзан которуу чыгымдарын жана теориялык толуктукту караганда жөнөкөйлүктү жана ылдамдыкты барган сайын жогору баалаган иштеп чыгуучунун маданиятын билдирет. WordPress менен жекече курулган сайттын бирин тандап алган жеке ишкер болобу, же кийинки ички куралыңызды курууну же сатып алууну баалоочу CTO болобу, ошол эле принцип колдонулат: эң жакшы технология - бул фондо жоголуп, кардарларыңызды тейлөөгө көңүл бурууга мүмкүнчүлүк берет.

1,000 линиялуу алкак бизге күч татаалдыкты талап кылбасын эскертет. Эң эффективдүү бизнес – жана эң эффективдүү инструменттер – бул керектүү нерсени так аткарган жана башка эч нерсе эмес.