Без зборкі, без NPM, SSR-першая структура JavaScript, калі вы ненавідзіце React, любіце HTML

<артыкул>

Непатрэбная складанасць сучаснага Інтэрнэту

Калі вы адчувалі, што ваша душа вяне падчас наладжвання Webpack, патанаючы ў node_modules або змагаючыся з памылкамі ўвільгатнення проста для адлюстравання простага паведамлення ў блогу, вы не самотныя. Сучасны ландшафт JavaScript, у якім дамінуе React і яго экасістэма, напоўненая інструментамі для зборкі, часта выглядае так, быццам выкарыстоўваеш паскаральнік элементарных часціц, каб павесіць рамку для малюнка. Што, калі б быў шлях назад да прастаты? Вяртанне да асноўных моцных бакоў Інтэрнэту — семантычнага HTML, беражлівага CSS і прагрэсіўнага ўдасканалення JavaScript — без шкоды для дынамізму, якога чакаюць карыстальнікі? Гэта абяцанне новай хвалі фрэймворкаў без зборкі, без NPM і SSR-first. Яны прызначаны для распрацоўшчыкаў, якія любяць 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, далучаючы слухачоў падзей, каб зрабіць яго інтэрактыўным. Такі падыход забяспечвае ўяўную хуткасць статычных сайтаў з дынамічнасцю вэб-прыкладанняў. Для сайтаў з вялікай колькасцю змесціва, панэляў адміністратара або маркетынгавых старонак, дзе ключавымі з'яўляюцца хуткі час інтэрактыўнасці і пошукавая бачнасць, гэтая архітэктура непераўзыдзеная. Ён ідэальна адпавядае модульнай бізнес-філасофіі, дзе асноўны кантэнт і функцыянальныя магчымасці надзейна дастаўляюцца да ўдасканалення.

Чаму гэты падыход падыходзіць для бізнес-праграм

Для бізнес-праграмнага забеспячэння надзейнасць, зручнасць абслугоўвання і чысты паток даных маюць першараднае значэнне. Мадэль, арыентаваная на HTML, арыентаваная на SSR, вылучаецца тут. Сервер - гэта адзіная крыніца праўды, якая бяспечна кіруе станам і бізнес-логікай. Карыстальніцкі інтэрфейс з'яўляецца прамым адлюстраваннем гэтага стану ў выглядзе HTML. Гэта стварае разумовую мадэль, пра якую лягчэй разважаць, чым пра рэактыўныя галаваломкі сінхранізацыі стану кліента ў больш буйных структурах SPA. Ён асабліва магутны для ёмістых праграм, прыборных панэляў і ўнутраных інструментаў. Такія платформы, як Mewayz, гэта разумеюць. Забяспечваючы модульную бізнес-АС, якая можа бесперашкодна інтэгравацца з эканомнымі, мэтанакіраванымі інтэрфейсамі, яны дазваляюць камандам ствараць складаную бізнес-логіку ў кантраляваным асяроддзі, прадстаўляючы яе праз хуткія, зручныя для SEO і простыя інтэрфейсы. Гэты падзел праблем - надзейныя серверныя модулі, элегантны інтэрфейс HTML - з'яўляецца сутнасцю маштабуемых бізнес-тэхналогій, якія можна абслугоўваць.

Асноўныя перавагі гэтай змены парадыгмы можна выразна абагульніць:

• Выдатная прадукцыйнасць: мінімум JavaScript, які адпраўляецца кліенту, што прыводзіць да больш хуткай загрузкі і паляпшэння асноўных вэб-паказчыкаў.
• Радасць распрацоўшчыка: спрошчаны працоўны працэс распрацоўкі без пастаянных абнаўленняў ланцужка інструментаў і запазычанасці па канфігурацыі.
• Убудаваны SEO: Цалкам візуалізаваны HTML з сервера адразу даступны пошукавым сістэмам.
• Палепшаная надзейнасць: Менш кліенцкага JavaScript азначае менш памылак выканання, якія ўплываюць на ўзаемадзеянне з карыстальнікам; асноўны змест заўсёды працуе.
• Паступовае ўдасканаленне: функцыянальнасць паступова пагаршаецца, забяспечваючы даступнасць і базавы вопыт для ўсіх карыстальнікаў.

Назад да простай вэб-распрацоўкі

Гаворка не ідзе аб адмове ад сучаснай вэб-распрацоўкі; гаворка ідзе пра яго ачыстцы. Гэта выбар - аддаць прыярытэт карыстальніцкаму досведу і разумнасці распрацоўшчыка перад прывабнасцю найноўшай, самай складанай абстракцыі. Фрэймворкі, такія як Astro (з дадатковымі інтэрактыўнымі астраўкамі), Enhance або нават выкарыстанне вэб-кампанентаў з сервернымі шаблонамі, забяспечваюць гэты абцякальны шлях. Яны просяць вас пачаць з таго, што Інтэрнэт ужо робіць добра - дастаўляць дакументы - і накладваць інтэрактыўнасць толькі там, дзе гэта неабходна. У спалучэнні з магутнай і модульнай бэкэнд-сістэмай, такой як Mewayz, якая апрацоўвае складаныя бізнес-аперацыі і захаванне цэласнасці даных, вы дасягаеце магутнай сінэргіі. Вы атрымліваеце ўстойлівы, хуткі інтэрфейс, які дэманструе вашу бізнес-логіку, а не складанасць яе канструкцыі. Гэта для тых, хто памятае, што па сваёй сутнасці Інтэрнэт - гэта змест і функцыі, якія пададзены проста.

Часта задаюць пытанні

Непатрэбная складанасць сучаснага Інтэрнэту

Калі вы адчувалі, што ваша душа вяне падчас наладжвання Webpack, патанаючы ў node_modules або змагаючыся з памылкамі ўвільгатнення проста для адлюстравання простага паведамлення ў блогу, вы не самотныя. Сучасны ландшафт JavaScript, у якім дамінуе React і яго экасістэма, напоўненая інструментамі для зборкі, часта выглядае так, быццам выкарыстоўваеш паскаральнік элементарных часціц, каб павесіць рамку для малюнка. Што, калі б быў шлях назад да прастаты? Вяртанне да асноўных моцных бакоў Інтэрнэту — семантычнага HTML, беражлівага CSS і прагрэсіўнага ўдасканалення JavaScript — без шкоды для дынамізму, якога чакаюць карыстальнікі? Гэта абяцанне новай хвалі фрэймворкаў без зборкі, без NPM і SSR-first. Яны прызначаны для распрацоўшчыкаў, якія любяць 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, далучаючы слухачоў падзей, каб зрабіць яго інтэрактыўным. Такі падыход забяспечвае ўяўную хуткасць статычных сайтаў з дынамічнасцю вэб-прыкладанняў. Для сайтаў з вялікай колькасцю змесціва, панэляў адміністратара або маркетынгавых старонак, дзе ключавымі з'яўляюцца хуткі час інтэрактыўнасці і пошукавая бачнасць, гэтая архітэктура непераўзыдзеная. Ён ідэальна адпавядае модульнай бізнес-філасофіі, дзе асноўны кантэнт і функцыянальныя магчымасці надзейна дастаўляюцца да ўдасканалення.

Чаму гэты падыход падыходзіць для бізнес-праграм

Для бізнес-праграмнага забеспячэння надзейнасць, зручнасць абслугоўвання і чысты паток даных маюць першараднае значэнне. Мадэль, арыентаваная на HTML, арыентаваная на SSR, вылучаецца тут. Сервер - гэта адзіная крыніца праўды, якая бяспечна кіруе станам і бізнес-логікай. Карыстальніцкі інтэрфейс з'яўляецца прамым адлюстраваннем гэтага стану ў выглядзе HTML. Гэта стварае разумовую мадэль, пра якую лягчэй разважаць, чым пра рэактыўныя галаваломкі сінхранізацыі стану кліента ў больш буйных структурах SPA. Ён асабліва магутны для ёмістых праграм, прыборных панэляў і ўнутраных інструментаў. Такія платформы, як Mewayz, разумеюць гэта. Забяспечваючы модульную бізнес-АС, якая можа бесперашкодна інтэгравацца з эканомнымі, мэтанакіраванымі інтэрфейсамі, яны дазваляюць камандам ствараць складаную бізнес-логіку ў кантраляваным асяроддзі, прадстаўляючы яе праз хуткія, зручныя для SEO і простыя інтэрфейсы. Гэты падзел праблем - надзейныя серверныя модулі, элегантны інтэрфейс HTML - з'яўляецца сутнасцю маштабуемых бізнес-тэхналогій, якія можна абслугоўваць.

Назад да простай вэб-распрацоўкі

Гаворка не ідзе аб адмове ад сучаснай вэб-распрацоўкі; гаворка ідзе пра яго ачыстцы. Гэта выбар - аддаць прыярытэт карыстальніцкаму досведу і разумнасці распрацоўшчыка перад прывабнасцю найноўшай, самай складанай абстракцыі. Фрэймворкі, такія як Astro (з дадатковымі інтэрактыўнымі астраўкамі), Enhance або нават выкарыстанне вэб-кампанентаў з сервернымі шаблонамі, забяспечваюць гэты абцякальны шлях. Яны просяць вас пачаць з таго, што Інтэрнэт ужо робіць добра - дастаўляць дакументы - і накладваць інтэрактыўнасць толькі там, дзе гэта неабходна. У спалучэнні з магутнай і модульнай бэкэнд-сістэмай, такой як Mewayz, якая апрацоўвае складаныя бізнес-аперацыі і захаванне цэласнасці даных, вы дасягаеце магутнай сінэргіі. Вы атрымліваеце ўстойлівы, хуткі інтэрфейс, які дэманструе вашу бізнес-логіку, а не складанасць яе канструкцыі. Гэта для тых, хто памятае, што па сваёй сутнасці Інтэрнэт - гэта змест і функцыі, якія пададзены проста.