No-build, no-NPM, SSR-first JavaScript framework ni i bɛ React kɔniya, HTML kanu

Bi ɛntɛrinɛti ka gɛlɛya kunntan

N'i y'a ye ko i ni jalen don k'i to Webpack labɛnni na, ka jigin node_modules kɔnɔ, walima ka kɛlɛ kɛ ni jiko filiw ye walasa ka bulɔgu sɛbɛn nɔgɔman dɔ jira dɔrɔn, i kelen tɛ. Bi JavaScript jamana min bɛ React n’a ka build-tool-heavy ekosisɛti de bolo, a ka c’a la, a bɛ kɛ i n’a fɔ a bɛ baara kɛ ni particule accélérateur ye walasa ka ja dɔ dulon. Ni sira tun bɛ yen ka segin nɔgɔya la do? Segin ka taa ɛntɛrinɛti fanga jɔnjɔnw kan — HTML kɔrɔko, CSS nɔgɔlen, ani JavaScript min bɛ bonya dɔɔnindɔɔnin — k’a sɔrɔ baarakɛlaw ma fanga min makɔnɔ, o saraka wa? Nin ye layidu ye min bɛ kɛ ni jɔli tɛ, NPM tɛ, SSR-fɔlɔ karamɔgɔya kura ye. U ye baarakɛlaw ye minnu bɛ HTML kanu, minnu bɛ nafa don navigatɔrɔn fanga kɔrɔ la, wa u dalen b’a la ko baarakɛcogo ɲuman ye min sigilen don baarakɛla bɛɛ ka minɛn kan kaban.

Platifɔmu minɛni : jɔli tɛ , NPM tɛ

"no-build" hakilila ye seginkanni jugu ye hakili la . O kɔrɔ ye ko i ka kode—HTML, CSS, JavaScript—o ye kode ye min bɛ baara kɛ navigatɛri kɔnɔ. Transpilation tɛ yen, bundling step tɛ yen, wa min nafa ka bon kosɛbɛ, dependencies makɔnɔni tɛ yen ka telesarse ani ka compile. I bɛ bi JavaScript sɛbɛn ni ES moduluw ye, wa navigatɔrɔn b’a ɲɛnabɔ a yɛrɛ la. O bɛ baarakɛminɛnw, labɛncogo ani versioning kungolodimi suguya bɛɛ bɔ yen. O cogo kelen na, "no-NPM" kɔrɔ tɛ ko i tɛ se ka baara kɛ ni gafemarayɔrɔw ye; o kɔrɔ ye ko i bɛ bi CDNw Kɛ i n’a fɔ jsDelivr walima Skypack walasa k’u Dòn URL fɛ k’a ɲɛsin i ka navigatɔrɔ-kɛrɛfɛ-kode ma, walima min ka fisa ni o ye, i bɛ ɲininkali Kɛ n’i mago bɛ o 200kb gafemarayɔrɔ la baara nɔgɔman dɔ kama hali dɔɔnin. O kɔlɔlɔ ye sigida yiriwali teliya ye, navigatɔrɔn kurayali teliya la, ani baarakɛcogo jɛlen min ye, a kɔrɔ yɛrɛ la, i ye min sɛbɛn tigitigi.

ye "Porozɛ in ka ɲɛtaa ka kan ka kɛ a ka baarakɛcogo la a bɛ min di baarakɛla ma, a man kan ka kɛ a ka baarakɛminɛnw gɛlɛya la. Ɛntɛrinɛti yɔrɔ fanga ka bon kosɛbɛ; an ka baara ye ka baara kɛ n'a ye ni hakilitigiya ye."(Alimankan na)

Server-Side Rendering : A tɛ kɔfɛko ye , nka a ye jusigilan ye

SSR-fɔlɔ karamɔgɔya bɛ bi Single Page App (SPA) modɛli wuli a kun na. Sani u ka HTML file lankolon dɔ ci ani JavaScript bundle kelen ci walasa ka fɛn bɛɛ jira kliyan kan, u bɛ HTML dafalen, min bɛ se ka kɛ ɲɔgɔn fɛ, o bɛ kɛ sèrwɛri kan. Navigatɛri bɛ kunnafoni kɔrɔw Sɔrɔ o yɔrɔnin bɛɛ, o min nafa ka bon kosɛbɛ baarakɛcogo, SEO ani baarakɛlaw ka dɔnniya la. O kɔfɛ, JavaScript min bɛ kiliyan fan fɛ, o bɛ nin HTML in "hydrates", ka ko kɛlenw lamɛnbagaw nɔrɔ ɲɔgɔn na walasa a ka kɛ jɛɲɔgɔnya ye. O fɛɛrɛ in bɛ yɔrɔ jɔlenw teliya faamuyalen lase ni ɛntɛrinɛti porogaramuw fanga ye. Siti minnu kɔnɔkow ka gɛlɛn, ɲɛmɔgɔ pannew, walima feereli ɲɛw kama—yɔrɔ minnu na Time-to-Interactive teliya ani ɲinini yecogo ye fɛnba ye—o jɔcogo in tɛ se ka se sɔrɔ. A bɛ bɛn kosɛbɛ jagokɛcogo modulari ma, yɔrɔ min na kɔnɔkow ni baarakɛcogo jɔnjɔnw bɛ lase kosɛbɛ sanni ɲɛtaa si ka kɛ.

Mun na nin fɛɛrɛ in bɛ mankan bɔ jagokɛcogo la

Jago porogaramuw kama, dannaya, ladonni, ani kunnafonidilan jɛlenw de ye fɛn bɛɛ la belebele ye. HTML-fɔlɔ, SSR-centric modɛli bɛ tɛmɛn yan. Server ye tiɲɛ sɔrɔyɔrɔ kelen ye, ka jamana ni jago logique ɲɛnabɔ lakana la. UI ye o cogoya jiracogo tilennen ye, min bɛ Lase i n’a fɔ HTML. O bɛ hakili misali dɔ da min hakili ka nɔgɔn ka tɛmɛ SPA karamɔgɔbaw ka puzzles reactives, client-state-synchronization kan. A fanga ka bon kɛrɛnkɛrɛnnenya la baarakɛminɛnw na minnu ka gɛlɛn foroko la, dashboardw ani kɔnɔna baarakɛminɛnw. Plateforme minnu bɛ i n’a fɔ Mewayz olu bɛ o faamuya. Ni u ye jago OS modulari di min bɛ se ka don ɲɔgɔn na ni ɲɛfɛla nɔgɔlenw ye, minnu sinsinnen don, u bɛ se ka kɛ sababu ye ka ekipuw dɛmɛ u ka jagokɛcogo gɛlɛnw jɔ sigida la min bɛ kɔrɔsi k’a sɔrɔ u b’a jira ni ɲɔgɔndan teliyalenw ye, minnu bɛ SEO terikɛ, ani minnu ka nɔgɔn. Nin haminankow farali in — kɔkanna modulu barikamaw, HTML ɲɛfɛla cɛɲi — o ye jago tekinoloji min bɛ se ka sɛgɛsɛgɛ, min bɛ se ka ladon, o kunba ye.

Nin paradigme jiginni in nafa jɔnjɔnw bɛ se ka lajɛ ka jɛya :

• Blazing Performance : JavaScript fitinin min bɛ ci kiliyan ma, o bɛ na ni doni waati teliya ye ani Core Web Vitals ɲumanw.
• Yɛlɛmabaga nisɔndiya : yiriwali baarakɛcogo nɔgɔman min tɛ baarakɛminɛnw kurayali ni labɛn juruw ye tuma bɛɛ .
• SEO min bɛ don a kɔnɔ : HTML min kɛra ka dafa ka bɔ baarakɛminɛn na , o bɛ se ka sɛgɛsɛgɛ o yɔrɔnin bɛɛ ɲininikɛlaw fɛ .
• Danniya sabatili : JavaScript min bɛ kɛ kiliyan fan fɛ, o kɔrɔ ye ko baarakɛwaati filiw dɔgɔyara minnu bɛ nɔ bila baarakɛlaw ka jɛɲɔgɔnya la ; kɔnɔkow koloma bɛ baara kɛ tuma bɛɛ .
• ɲɛtaa ɲɛtaa : baarakɛcogo bɛ dɔgɔya ni nɛɛma ye , ka sɔrɔli ni basigi dɔnniya sabati baarakɛlaw bɛɛ bolo .

I ka sira sɔrɔli ka segin ɛntɛrinɛti yiriwali nɔgɔman kan

Nin tɛ ka ban bi ɛntɛrinɛti yiriwali la ; o ye a nɔgɔyali de ye. O ye sugandili ye ka baarakɛla ka ko kɛlenw ni a dilabaga ka hakilitigiya bila jɔyɔrɔ fɔlɔ la ka tɛmɛn abstraction kura, min ka gɛlɛn kosɛbɛ, o ka mɔgɔw samali kan. Frameworks i n’a fɔ Astro (n’a ka gun interactive options), Enhance, walima hali ka leveraging web components with server-side templating, olu bɛ nin sira nɔgɔyalen in di. U b’a ɲini i fɛ i k’a daminɛ ni ɛntɛrinɛti bɛ min kɛ kaban kaban—ka sɛbɛnw lase—ka layer on interactivity only where needed. Ni i farala ɲɔgɔn kan ni kɔkanna-sɛnɛfɛn barikama ye min bɛ se ka kɛ modulu ye i n’a fɔ Mewayz, min bɛ jagokɛcogo gɛlɛnw ni kunnafonidilanw dafalenw ɲɛnabɔ, i bɛ jɛɲɔgɔnya barikama sɔrɔ. I bɛ ɲɛfɛla dɔ sɔrɔ min bɛ se ka muɲu, min bɛ teliya, min b’i ka jagokɛcogo jira, a jɔcogo gɛlɛya tɛ. A bɛ kɛ mɔgɔ minnu hakili la ko a dusukun na, ɛntɛrinɛti bɛ kɔnɔkow ni baarakɛcogo de kan, a bɛ lase cogo nɔgɔman na.