No-build, no-NPM, SSR-first JavaScript շրջանակ, եթե ատում եք React-ը, սիրում եք HTML-ը | Mewayz Blog Skip to main content
Hacker News

No-build, no-NPM, SSR-first JavaScript շրջանակ, եթե ատում եք React-ը, սիրում եք HTML-ը

Մեկնաբանություններ

2 min read Via qitejs.qount25.dev

Mewayz Team

Editorial Team

Hacker News
<հոդված>

Ժամանակակից ցանցի անհարկի բարդությունը

Եթե զգացել եք, որ ձեր հոգին թառամում է Webpack-ը կարգավորելիս, խեղդվում եք node_modules-ում կամ պայքարում եք խոնավացման սխալների հետ՝ պարզապես բլոգի պարզ գրառում պատրաստելու համար, դուք միայնակ չեք: Ժամանակակից JavaScript լանդշաֆտը, որտեղ գերակշռում է React-ը և դրա կառուցապատման գործիքները ծանրաբեռնված էկոհամակարգը, հաճախ թվում է, թե օգտագործում եք մասնիկների արագացուցիչ՝ նկարի շրջանակ կախելու համար: Ի՞նչ կլիներ, եթե լիներ դեպի պարզություն վերադառնալու ճանապարհ: Վերադարձ դեպի համացանցի հիմնարար ուժեղ կողմերը՝ իմաստային HTML, նիհար CSS և աստիճանաբար բարելավված JavaScript՝ առանց օգտագործողների ակնկալվող դինամիզմը զոհաբերելու: Սա no-build, no-NPM, SSR-first frames-ի նոր ալիքի խոստումն է: Դրանք մշակողների համար են, ովքեր սիրում են HTML-ը, գնահատում են զննարկչի հում ուժը և կարծում են, որ լավագույն գործարկման ժամանակը այն է, որն արդեն տեղադրված է յուրաքանչյուր օգտատիրոջ սարքում:

Ընդգրկում է հարթակը. չկա կառուցում, չկա NPM

«Ոչ կառուցել» փիլիսոփայությունը արմատական վերադարձ է ողջախոհությանը: Դա նշանակում է, որ ձեր կոդը՝ HTML, CSS, JavaScript, այն կոդը է, որն աշխատում է դիտարկիչում: Չկա տրանսպիլացիա, փաթեթավորման քայլ և, ամենակարևորը, չկա սպասել կախվածությունների ներբեռնման և կազմման համար: Դուք գրում եք ժամանակակից JavaScript-ը ES մոդուլներով, և զննարկիչը այն կարգավորում է բնօրինակ կերպով: Սա վերացնում է գործիքավորման, կազմաձևման և տարբերակման գլխացավերի մի ամբողջ կատեգորիա: Նմանապես, «no-NPM»-ը չի նշանակում, որ դուք չեք կարող օգտվել գրադարաններից. դա նշանակում է, որ դուք օգտագործում եք ժամանակակից CDN-ներ, ինչպիսիք են jsDelivr-ը կամ Skypack-ը, ուղղակիորեն URL-ի միջոցով ներմուծելու ձեր բրաուզերի կողմի կոդի մեջ, կամ ավելի լավ է, դուք կասկածում եք, թե արդյոք ձեզ ընդհանրապես անհրաժեշտ է այդ 200 կբ գրադարանը պարզ առաջադրանքի համար: Արդյունքը տեղական զարգացման ավելի արագ փորձ է, բրաուզերի ակնթարթային թարմացումներ և արտադրական փաթեթ, որը, բառացիորեն, հենց այն է, ինչ դուք գրել եք:

«Ծրագրաշարի բարդությունը պետք է լինի օգտատիրոջը տրամադրած ֆունկցիոնալության մեջ, այլ ոչ թե իր գործիքների շղթայի բարդության մեջ: Վեբ հարթակը բավականաչափ հզոր է, մեր գործն այն խելամտորեն օգտագործելն է»:

Սերվերի կողմից մատուցում. ոչ թե հետին պլան, այլ հիմք

SSR-ի առաջին շրջանակները շրջում են ժամանակակից Single Page App (SPA) մոդելն իր գլխին: Փոխանակ դատարկ HTML ֆայլ և միաձույլ JavaScript փաթեթ ուղարկելու՝ ամեն ինչ հաճախորդի վրա մատուցելու համար, նրանք սերվերի վրա մատուցում են ամբողջական, ինտերակտիվ HTML-ը: Զննարկիչը ակնթարթորեն ստանում է իմաստալից բովանդակություն, ինչը կարևոր է կատարողականի, SEO-ի և օգտագործողի փորձի համար: Հաճախորդի կողմից JavaScript-ն այնուհետև «ջրացնում է» այս HTML-ը՝ կցելով իրադարձությունների ունկնդիրներին՝ այն ինտերակտիվ դարձնելու համար: Այս մոտեցումը ապահովում է ստատիկ կայքերի ընկալվող արագությունը վեբ հավելվածների դինամիկությամբ: Բովանդակությամբ ծանրաբեռնված կայքերի, ադմինիստրատորի վահանակների կամ շուկայավարման էջերի համար, որտեղ առանցքային են արագ Time-to-Interactive-ը և որոնման տեսանելիությունը, այս ճարտարապետությունը անգերազանցելի է: Այն հիանալի կերպով համընկնում է մոդուլային բիզնեսի փիլիսոփայության հետ, որտեղ հիմնական բովանդակությունը և ֆունկցիոնալությունը ապահովված են մինչև որևէ բարելավում տեղի ունենալը:

Ինչու է այս մոտեցումը արձագանքում բիզնես հավելվածների համար

Բիզնեսի ծրագրային ապահովման համար հուսալիությունը, պահպանելիությունը և տվյալների հստակ հոսքը առաջնային են: HTML-առաջին, SSR-կենտրոն մոդելը գերազանցում է այստեղ: Սերվերը ճշմարտության միակ աղբյուրն է, որն ապահով կերպով կառավարում է պետական ​​և բիզնես տրամաբանությունը: UI-ն այդ վիճակի ուղղակի ներկայացումն է, որը մատուցվում է որպես HTML: Սա ստեղծում է մտավոր մոդել, որն ավելի հեշտ է պատճառաբանել, քան ավելի մեծ SPA շրջանակների ռեակտիվ, հաճախորդի վիճակի համաժամացման հանելուկները: Այն հատկապես հզոր է ծանրաբեռնված ծրագրերի, վահանակների և ներքին գործիքների համար: Mewayz-ի նման հարթակները դա հասկանում են: Տրամադրելով մոդուլային բիզնես OS, որը կարող է անխափան կերպով ինտեգրվել նիհար, կենտրոնացված ճակատային մասերին, նրանք թիմերին հնարավորություն են տալիս կառուցել բարդ բիզնես տրամաբանություն վերահսկվող միջավայրում՝ միաժամանակ ներկայացնելով այն արագ, SEO-ի համար հարմար և պարզ ինտերֆեյսների միջոցով: Մտահոգությունների այս տարանջատումը` ամուր հետևի մոդուլներ, էլեգանտ HTML ֆրոնդ, մասշտաբային, պահպանվող բիզնես տեխնոլոգիայի էությունն է:

Այս պարադիգմային փոփոխության հիմնական առավելությունները կարելի է հստակորեն ամփոփել.

  • Blazing Performance. Նվազագույն JavaScript ուղարկվում է հաճախորդին, ինչը հանգեցնում է ավելի արագ բեռնման ժամանակի և ավելի լավ Core Web Vitals:
  • Developer Joy․
  • Ներկառուցված SEO. Սերվերից ամբողջությամբ ցուցադրված HTML-ն անմիջապես կարող է սկանավորվել որոնման համակարգերի կողմից:
  • Ընդլայնված հուսալիություն․ հիմնական բովանդակությունը միշտ աշխատում է:
  • Առաջադիմական բարելավում. Ֆունկցիոնալությունը նրբագեղորեն նվազում է` ապահովելով հասանելիությունը և հիմնական փորձը բոլոր օգտատերերի համար:

Գտեք ձեր ուղին դեպի պարզ վեբ մշակում

Խոսքը ժամանակակից վեբ մշակումը մերժելու մասին չէ. խոսքը դրա ճշգրտման մասին է: Օգտագործողի փորձը և ծրագրավորողի ողջախոհությունը գերակայություն տալու ընտրություն է նորագույն, ամենաբարդ աբստրակցիայի գրավչությունից: Շրջանակները, ինչպիսիք են Astro-ն (իր ընտրովի ինտերակտիվ կղզիներով), Ընդլայնելը կամ նույնիսկ սերվերի կողմից ձևանմուշներով վեբ բաղադրիչների օգտագործումը, ապահովում են այս պարզեցված ճանապարհը: Նրանք խնդրում են ձեզ սկսել նրանից, ինչ վեբն արդեն իսկ լավ է անում՝ փաստաթղթերի առաքում, և ինտերակտիվության շերտը միայն անհրաժեշտության դեպքում: Երբ զուգակցվում է հզոր և մոդուլային հետին համակարգի հետ, ինչպիսին է Mewayz-ը, որը կարգավորում է բիզնեսի բարդ գործառնությունները և տվյալների ամբողջականությունը, դուք հասնում եք հզոր սիներգիայի: Դուք ստանում եք ճկուն, արագ ճակատ, որը ցույց է տալիս ձեր բիզնեսի տրամաբանությունը, այլ ոչ թե դրա կառուցման բարդությունը: Դա նրանց համար է, ովքեր հիշում են, որ համացանցն իր հիմքում բովանդակության և գործառույթի մասին է, որոնք մատուցվում են պարզ:

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

Հաճախակի տրվող հարցեր

Ժամանակակից ցանցի անհարկի բարդությունը

Եթե զգացել եք, որ ձեր հոգին թառամում է Webpack-ը կարգավորելիս, խեղդվում եք node_modules-ում կամ պայքարում եք խոնավացման սխալների հետ՝ պարզապես բլոգի պարզ գրառում պատրաստելու համար, դուք միայնակ չեք: Ժամանակակից JavaScript լանդշաֆտը, որտեղ գերակշռում է React-ը և դրա կառուցապատման գործիքները ծանրաբեռնված էկոհամակարգը, հաճախ թվում է, թե օգտագործում եք մասնիկների արագացուցիչ՝ նկարի շրջանակ կախելու համար: Ի՞նչ կլիներ, եթե լիներ դեպի պարզություն վերադառնալու ճանապարհ: Վերադարձ դեպի համացանցի հիմնարար ուժեղ կողմերը՝ իմաստային HTML, նիհար CSS և աստիճանաբար բարելավված JavaScript՝ առանց օգտագործողների ակնկալվող դինամիզմը զոհաբերելու: Սա no-build, no-NPM, SSR-first frames-ի նոր ալիքի խոստումն է: Դրանք մշակողների համար են, ովքեր սիրում են HTML-ը, գնահատում են զննարկչի հում ուժը և կարծում են, որ լավագույն գործարկման ժամանակը այն է, որն արդեն տեղադրված է յուրաքանչյուր օգտատիրոջ սարքում:

Ընդգրկում է հարթակը. չկա Build, No NPM

«Ոչ կառուցել» փիլիսոփայությունը արմատական վերադարձ է ողջախոհությանը: Դա նշանակում է, որ ձեր կոդը՝ HTML, CSS, JavaScript, այն կոդը է, որն աշխատում է դիտարկիչում: Չկա տրանսպիլացիա, փաթեթավորման քայլ և, ամենակարևորը, չկա սպասել կախվածությունների ներբեռնման և կազմման համար: Դուք գրում եք ժամանակակից JavaScript-ը ES մոդուլներով, և զննարկիչը այն կարգավորում է բնօրինակ կերպով: Սա վերացնում է գործիքավորման, կազմաձևման և տարբերակման գլխացավերի մի ամբողջ կատեգորիա: Նմանապես, «no-NPM»-ը չի նշանակում, որ դուք չեք կարող օգտվել գրադարաններից. դա նշանակում է, որ դուք օգտագործում եք ժամանակակից CDN-ներ, ինչպիսիք են jsDelivr-ը կամ Skypack-ը, ուղղակիորեն URL-ի միջոցով ներմուծելու ձեր բրաուզերի կողմի կոդի մեջ, կամ ավելի լավ է, դուք կասկածում եք, թե արդյոք ձեզ ընդհանրապես անհրաժեշտ է այդ 200 կբ գրադարանը պարզ առաջադրանքի համար: Արդյունքը տեղական զարգացման ավելի արագ փորձ է, բրաուզերի ակնթարթային թարմացումներ և արտադրական փաթեթ, որը, բառացիորեն, հենց այն է, ինչ դուք գրել եք:

Սերվերի կողմից մատուցում. ոչ թե հետին պլան, այլ հիմք

SSR-ի առաջին շրջանակները շրջում են ժամանակակից Single Page App (SPA) մոդելն իր գլխին: Փոխանակ դատարկ HTML ֆայլ և միաձույլ JavaScript փաթեթ ուղարկելու՝ ամեն ինչ հաճախորդի վրա մատուցելու համար, նրանք սերվերի վրա մատուցում են ամբողջական, ինտերակտիվ HTML-ը: Զննարկիչը ակնթարթորեն ստանում է իմաստալից բովանդակություն, ինչը կարևոր է կատարողականի, SEO-ի և օգտագործողի փորձի համար: Հաճախորդի կողմից JavaScript-ն այնուհետև «ջրացնում է» այս HTML-ը՝ կցելով իրադարձությունների ունկնդիրներին՝ այն ինտերակտիվ դարձնելու համար: Այս մոտեցումը ապահովում է ստատիկ կայքերի ընկալվող արագությունը վեբ հավելվածների դինամիկությամբ: Բովանդակությամբ ծանրաբեռնված կայքերի, ադմինիստրատորի վահանակների կամ շուկայավարման էջերի համար, որտեղ առանցքային են արագ Time-to-Interactive-ը և որոնման տեսանելիությունը, այս ճարտարապետությունը անգերազանցելի է: Այն հիանալի կերպով համընկնում է մոդուլային բիզնեսի փիլիսոփայության հետ, որտեղ հիմնական բովանդակությունը և ֆունկցիոնալությունը ապահովված են մինչև որևէ բարելավում տեղի ունենալը:

Ինչու է այս մոտեցումը արձագանքում բիզնես հավելվածների համար

Բիզնեսի ծրագրային ապահովման համար հուսալիությունը, պահպանելիությունը և տվյալների հստակ հոսքը առաջնային են: HTML-առաջին, SSR-կենտրոն մոդելը գերազանցում է այստեղ: Սերվերը ճշմարտության միակ աղբյուրն է, որն ապահով կերպով կառավարում է պետական ​​և բիզնես տրամաբանությունը: UI-ն այդ վիճակի ուղղակի ներկայացումն է, որը մատուցվում է որպես HTML: Սա ստեղծում է մտավոր մոդել, որն ավելի հեշտ է պատճառաբանել, քան ավելի մեծ SPA շրջանակների ռեակտիվ, հաճախորդի վիճակի համաժամացման հանելուկները: Այն հատկապես հզոր է ծանրաբեռնված ծրագրերի, վահանակների և ներքին գործիքների համար: Mewayz-ի նման հարթակները դա հասկանում են: Տրամադրելով մոդուլային բիզնես OS, որը կարող է անխափան կերպով ինտեգրվել նիհար, կենտրոնացված ճակատային մասերին, նրանք թիմերին հնարավորություն են տալիս կառուցել բարդ բիզնես տրամաբանություն վերահսկվող միջավայրում՝ միաժամանակ ներկայացնելով այն արագ, SEO-ի համար հարմար և պարզ ինտերֆեյսների միջոցով: Մտահոգությունների այս տարանջատումը` ամուր հետևի մոդուլներ, էլեգանտ HTML ֆրոնդ, մասշտաբային, պահպանվող բիզնես տեխնոլոգիայի էությունն է:

Գտեք ձեր ուղին դեպի պարզ վեբ մշակում

Խոսքը ժամանակակից վեբ մշակումը մերժելու մասին չէ. խոսքը դրա ճշգրտման մասին է: Օգտագործողի փորձը և ծրագրավորողի ողջախոհությունը գերակայություն տալու ընտրություն է նորագույն, ամենաբարդ աբստրակցիայի գրավչությունից: Շրջանակները, ինչպիսիք են Astro-ն (իր ընտրովի ինտերակտիվ կղզիներով), Ընդլայնելը կամ նույնիսկ սերվերի կողմից ձևանմուշներով վեբ բաղադրիչների օգտագործումը, ապահովում են այս պարզեցված ճանապարհը: Նրանք խնդրում են ձեզ սկսել նրանից, ինչ վեբն արդեն իսկ լավ է անում՝ փաստաթղթերի առաքում, և ինտերակտիվության շերտը միայն անհրաժեշտության դեպքում: Երբ զուգակցվում է Mewayz-ի նման հզոր և մոդուլային հետին համակարգի հետ, որը կարգավորում է բիզնեսի բարդ գործառնությունները և տվյալների ամբողջականությունը, դուք հասնում եք հզոր սիներգիայի: Դուք ստանում եք ճկուն, արագ ճակատ, որը ցույց է տալիս ձեր բիզնեսի տրամաբանությունը, այլ ոչ թե դրա կառուցման բարդությունը: Դա նրանց համար է, ովքեր հիշում են, որ համացանցն իր հիմքում բովանդակության և գործառույթի մասին է, որոնք մատուցվում են պարզ:

Հեշտացրեք ձեր բիզնեսը Mewayz-ի հետ

Mewayz-ը մեկ հարթակի մեջ է բերում 208 բիզնես մոդուլներ՝ CRM, հաշիվ-ապրանքագրեր, նախագծերի կառավարում և այլն: Միացե՛ք 138000+ օգտատերերի, ովքեր պարզեցրել են իրենց աշխատանքային հոսքը:

Անվճար այսօր →