HN күрсәт: Vertex.js - 1клок СПА каркасы

Микро-рамкаларның күтәрелүе: Ни өчен уйлап табучылар JavaScript кораллаудан баш тарталар

Күптән түгел уйлап табучы Хакер Ньюска якынча 1000 юл кодында төзелгән бер битле кушымта базасын урнаштырды, һәм җавап электр белән булды. Проект - минималистик SPA нигезе - веб үсеш җәмгыятендә еллар дәвамында кайнап торган бәхәсне көчәйтте: безнең кораллар алар чишкән проблемалар өчен бик катлауландымы? React-ның төп китапханәсе, роутеры, дәүләт белән идарә итү катламы, һәм коралландыру кораллары бергәләп йөзләрчә мең код коды белән үлчәнәләр, маршрут, реактивлык һәм 1000 линиядә күрсәтелгән компонентны тәэмин итүче база уңайсыз сорау тудыра. Клиентларга караган кушымталар төзүче предприятияләр өчен бу сорауга җавап реаль нәтиҗәләргә китерә - йөкләү вакытында, эшкәртүченең җитештерүчәнлеге һәм озак вакытлы хезмәт күрсәтү чыгымнары.

1000 линия нигезе нәрсә раслый

Микро-каркас идеясы яңа түгел. Backbone.js 2010-нчы елда чыкканда якынча 1800 линия аңлатма коды иде. Mithril.js 10KB гзип астында. Бу категориядәге һәр яңа язуны игътибарга лаек нәрсә - бу санның үзе түгел, ә браузер API-ларының хәзерге торышы турында. Заманча браузерлар шаблон литераллары, Тарих API, Прокси нигезендә реактивлык, махсус элементлар һәм модуль йөкләү өчен туган ярдәм белән җибәрәләр. Ун ел элек, Internet Explorer һәм Chrome арасындагы аерманы нормальләштерү өчен, меңләгән линияләр кирәк иде. Бүгенге көндә, оста эшләүче платформа примитивлары өстендә нечкә оркестр катламы буларак тулы функциональ SPA базасын төзи ала.

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

Әлбәттә, React һәм Vue кебек рамкалар катлаулы дәүләт агачлары, сервер ягыннан күрсәтү ихтыяҗлары, каты конвенцияләрдән файда алган 20+ уйлап табучылар командасы белән зур масштаблы кушымталарда үз авырлыкларын табалар. Төп аңлау - дөрес корал тулысынча проблема күләменә бәйле.

JavaScript Bloat'ның реаль бәясе

Google'ның үз тикшеренүләре күрсәткәнчә, һәр 100 миллисекунд өстәмә йөк вакыты конверсия ставкаларын 7% ка киметә ала. Уртача веб-бит хәзер 500КБдан артык JavaScript җибәрә - бу сан 2015 елдан өч тапкыр диярлек. Бизнес өчен бу абстракт күрсәткеч түгел. Ул турыдан-туры югалган керемнәргә, югары ставкаларга һәм начаррак эзләү системасына тәрҗемә ителә.

Проблема мобиль челтәрләрдә арта. 3G-тан ​​тоташкан урта диапазондагы Android җайланмасында кулланучы JavaScript авыр битнең интерактив булуын 5-8 секунд көтәргә мөмкин, хәтта башлангыч HTML күрсәткәннән соң да. Бу аеруча үсеп килүче базарларда клиентларга хезмәт күрсәтүче бизнес өчен җәза бирә, монда мобиль-беренче карау норма һәм челтәр инфраструктурасы кискен үзгәрә.

• Вакытны анализлау: Зур JavaScript туплаулары анализлау һәм туплау өчен озаграк вакыт ала, хәтта бер код коды башкарылганчы да
• Хәтер басымы: Катлаулы рамкалар эчке кулланалар, аны кушымта үзе куллана ала
• Бәйләнеш чылбыры: Типик React проектының node_modules папкасында 800-1,200 пакет бар, аларның һәрберсе куркынычсызлык яисә зәгыйфьлекне үзгәртү
• Катлаулылыкны төзегез: Веб-пакет, Бабил, PostCSS, һәм аларның конфигурация файллары еш кына алар хезмәт иткән кушымта кодыннан артып китәләр

Микро-рамкалар бу чыгымнарның күбесен читкә алып китәләр. Абстрактлар азрак булганда, ватылырлык әйберләр аз, аудитка бәйләнешләр азрак, браузерга җибәрү өчен байтаклар аз. Фронталь инфраструктура командасы булмаса, тиз, ышанычлы веб булырга тиеш бизнес өчен математика гадилекне яклый.

Ни өчен Төзүчеләр җәмгыяте бүленде

Кечкенә SPA рамкалары тирәсендә Хакер Яңалыклар дискуссиясе ике каршы лагерьны ышанычлы тудыра. Бер ягында React яки Angular өстендә төзелгән зур код базаларында еллар үткәргән һәм вакыт узу белән рам катлаулылыгының ничек кушылуын үз күзләре белән күргән уйлап табучылар бар. Алар гади функцияләрне шарны күп көнлек эшләргә карадылар, чөнки рамка конвенцияләренә роутер конфигурациясе, дәүләт идарәсе казаннары, эчке рамкаларны мыскыллаучы сынау җайланмалары кирәк. Бу уйлап табучылар өчен, 1000 линия рамкасы азатлыкны күрсәтә - аларның кулланылышында эшләүче кодларның һәр сызыгын аңлау өчен кире кайту.

Икенче якта прагматистлар бар, алар рамкаларның барлыгын күрсәтәләр, чөнки реаль дөнья кушымталары ахыр чиктә алар тәэмин иткән әйберләргә мохтаҗ: мөмкинлекләр коммуналь хезмәтләре, интернационализация, кодны бүлү, сервер ягыннан күрсәтү, һәм коралны белгән уйлап табучыларны эшкә урнаштыру. Алар әйтүенчә, микро-рамка ял көннәре проекты өчен рәхәт булырга мөмкин, ләкин биш кешедән торган командага утырып, 1000 линияле код базасына кереп карагыз.

Ике якның да нокталары бар, һәм дөреслек - сайлау контекстуаль. MVP төзүче соло нигез салучы предприятия коллективына караганда биш еллык кушымтаны саклап кала. Хәвеф-хәтәр предприятие чишелешләрен башлап җибәрү проблемаларына, яисә предприятия проблемаларына стартап коралларына кагыла.

Заманча бизнеска үзләренең техник стекларыннан нәрсә кирәк

Кадр бәхәсе ахыр чиктә зуррак сорау өчен прокси булып тора: бизнес ничек чикләнгән техник ресурсларны бүлеп бирергә тиеш? Төзүче төзү торбасын конфигурацияләүгә яисә яңа база версиясенә күчү өчен һәр сәгать клиентларга хезмәт күрсәтүче төзелеш үзенчәлекләрен сарыф итми. Күпчелек предприятияләр өчен - аеруча кечкенә һәм урта операцияләр - идеаль технология сайлау - "Минем идея бар" һәм "клиентлар аны куллана" арасындагы аерманы киметүче сайлау.

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

Бу принцип фронталь рамкалардан тыш тарала. Бизнеслар бер үк арткы системаларны регуляр рәвештә торгызалар - кулланучыларны раслау, түләү эшкәртү, CRM, счет-фактуралар, планлаштыру - чөнки алар сайлаган технологияләр таләп итә. Mewayz кебек платформалар бу кабатланган эшне бетерү өчен бар, CRM, хезмәт хакы, бронь системалары һәм аналитика кадәр булган 207 алдан төзелгән модуль тәкъдим итә. Шул ук фәлсәфә уйлап табучыларны микро-рамкаларга этәрә - азрак эшләгез, кирәксез катлаулылыкны бетерегез - бизнесны консолидацияләнгән платформаларга юнәлтә, дистәләгән SaaS абонентларын бер система белән алыштыра.

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

Кадр спектры: Сезнең татлы тапны табу

Кадр сайлау икеләтә - мега-каркас яки микро-каркас кебек кабул итү урынына - ул спектр ягыннан уйларга ярдәм итә. Бер очында нуль абстракцияләре булган ванила JavaScript бар. Икенче яктан, сезнең Next.js яки Nuxt кебек тулы мета-рамкалар бар, алар маршрутлаштыру, күрсәтү, мәгълүмат алу һәм урнаштыру белән идарә итә. Күпчелек проектлар урталарда.

Берничә интерактив элементлы клиентларга караган маркетинг сайты өчен микро-каркас яки хәтта Alpine.js стилендәге эчке реактивлык бик яхшы булырга мөмкин. Реаль вакыттагы мәгълүматлар, рольгә нигезләнгән рөхсәтләр, оффлайн ярдәм белән катлаулы SaaS ассортименты өчен, бай экосистема белән җитлеккән база өстенлек бирергә тиеш. Хата иң авыр вариантка дефолт булып тора, чөнки ул иң популяр, яисә иң җиңелчә дефолт, чөнки ул интеллектуаль яктан иң канәгать.

Практик тест туры: киләсе 12 айда заявкагыз кирәк булган барлык функцияләрне санап чыгыгыз. Әгәр дә микро-каркас бу ихтыяҗларның 90% -ны каплый икән, сез калган 10% -ны зуррак рамканы конфигурацияләгәнгә караганда азрак вакыт эчендә кулга ала аласыз, микро-каркас җиңә. Әгәр дә сезнең функцияләр исемлегендә сервер ягыннан күрсәтү, катлаулы форманы тикшерү, анимация оркестры һәм тирән керү мөмкинлеге булса, зуррак база үзе түли.

Техник булмаган нигез салучылар һәм бизнес операторлары өчен дәресләр

Әгәр сез бизнес алып барсагыз һәм сезнең техник коллектив бәхәсләшә алса, монда нәрсә мөһим. Беренчедән, беренче функциягә вакыт турында сорагыз - командадагы яңа уйлап табучы тиз арада мәгънәле үзгәрешләр җибәрә аламы? Әгәр дә җавап берничә көн әйләнә-тирә мохитне урнаштыру һәм өйрәнүне үз эченә ала икән, бу нинди база сайланганына карамастан, кисәтүче билге. Икенчедән, яңарту юлы турында сора. 18 ай саен бозылган үзгәрешләрне чыгара торган рамкалар яшерен салым салалар, башлангыч бәяләүдә бик сирәк очрый.

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

1. customзегезнең кодыгызны тикшерегез: Кайсы эчке коралларның булган платформаларда функцияне кабатлавын ачыклагыз
2. Чын бәяне санагыз: Фактор башлангыч үсештә генә түгел, ә дәвамлы хезмәт күрсәтү, куркынычсызлык ячалары, үзенчәлекләр соравы
3. Консолидацияне бәяләгез: Хәзерге SaaS язылуыгызны санагыз һәм бәяне интеграль платформа белән чагыштырыгыз
4. Дифференциаторларыгызны саклагыз: Сезнең бизнесыгызны аерып торган үзенчәлекләр өчен махсус үсеш ресурсларын саклагыз

Киләчәк белә торып сайлау

1000 линияле SPA рамкасы тирәсендәге дулкынлану чыннан да үзе турында түгел. Бу программа тәэминаты үсешендә белә торып үсә барган хәрәкәт турында - коралны сайлау, алар проблемага туры килгәнгә, базар өстенлек иткәнгә түгел. JavaScript экосистемасы соңгы дистә елны кораллар бәйгесендә үзенчәлекләр һәм абстрактлар үткәрде. Контр-хәрәкәт, микро-рамкалар, серверда күрсәтелгән HTML, һәм платформада туган API-лар белән күрсәтелгән, прагматизмга коррекция.

Бизнес өчен бу смена бертөрле уңай. Бу күбрәк вариантларны, түбән күчү чыгымнарын, теоретик тулылыкка караганда гадилекне һәм тизлекне көннән-көн бәяли торган эшкәртүче культурасын аңлата. Сез WordPress белән махсус төзелгән сайт арасыннан сайлый торган шәхси эшкуармы, яисә киләсе эчке коралны төзергә яки сатып алырга бәя бирүче КТОмы, шул ук принцип кулланыла: иң яхшы технология - фонда юкка чыга, клиентларга хезмәт күрсәтүгә игътибар итә.

1000 линия рамкасы көчнең катлаулылык таләп итмәвен исебезгә төшерә. Иң эффектив предприятияләр - һәм иң эффектив кораллар - кирәк булганны эшлиләр һәм бүтәннәр юк.

Mewayz белән бизнесыгызны тәртипкә китерегез

Мевайз бер платформага 207 бизнес модулын китерә - CRM, фактура, проект белән идарә итү һ.б. Эш процессын гадиләштергән 138,000+ кулланучыга кушылыгыз.

Бүген бушлай башлау →