Marc de JavaScript sense creació, sense NPM, primer SSR si odies React, t'encanta l'HTML | Mewayz Blog Skip to main content
Hacker News

Marc de JavaScript sense creació, sense NPM, primer SSR si odies React, t'encanta l'HTML

Comentaris

13 min read Via qitejs.qount25.dev

Mewayz Team

Editorial Team

Hacker News

La complexitat innecessària de la web moderna

Si heu sentit que la vostra ànima es va marcir mentre configureu Webpack, us ofegueu en node_modules o lluiteu amb errors d'hidratació només per mostrar una publicació de bloc senzilla, no esteu sols. El paisatge modern de JavaScript, dominat per React i el seu ecosistema pesat en eines de construcció, sovint té la sensació d'utilitzar un accelerador de partícules per penjar un marc. I si hi hagués un camí de tornada a la simplicitat? Un retorn als punts forts fonamentals del web (HTML semàntic, CSS lleuger i JavaScript millorat progressivament) sense sacrificar el dinamisme que esperen els usuaris? Aquesta és la promesa de la nova onada de marcs no-build, no-NPM, SSR-first. Són per a desenvolupadors que estimen l'HTML, valoren la potència bruta del navegador i creuen que el millor temps d'execució és el que ja està instal·lat al dispositiu de cada usuari.

Abraçar la plataforma: sense creació, sense NPM

La filosofia "no construir" és un retorn radical al seny. Significa que el vostre codi (HTML, CSS, JavaScript) és el codi que s'executa al navegador. No hi ha transpilació, cap pas d'agrupament i, sobretot, no s'espera que les dependències es baixin i es compilin. Escriu JavaScript modern amb mòduls ES i el navegador ho gestiona de manera nativa. Això elimina tota una categoria d'eines, configuració i maldecaps de versions. De la mateixa manera, "no-NPM" no vol dir que no pugueu utilitzar biblioteques; vol dir que aprofiteu els CDN moderns com jsDelivr o Skypack per importar directament mitjançant l'URL al codi del vostre navegador, o millor encara, us pregunteu si necessiteu aquesta biblioteca de 200 kb per a una tasca senzilla. El resultat és una experiència de desenvolupament local més ràpida, actualització instantània del navegador i un paquet de producció que és, literalment, exactament el que heu escrit.

"La sofisticació del programari hauria d'estar en la funcionalitat que proporciona a l'usuari, no en la complexitat de la seva cadena d'eines. La plataforma web és prou potent; la nostra feina és utilitzar-la amb prudència".

Renderització del costat del servidor: no és una idea posterior, sinó la base

Els frameworks SSR-first inverteixen el model modern d'aplicació de pàgina única (SPA). En lloc d'enviar un fitxer HTML en blanc i un paquet de JavaScript monolític per representar-ho tot al client, representen l'HTML complet i interactiu al servidor. El navegador rep contingut significatiu a l'instant, la qual cosa és crucial per al rendiment, el SEO i l'experiència de l'usuari. Aleshores, JavaScript del costat del client "hidrata" aquest HTML, adjuntant oients d'esdeveniments per fer-lo interactiu. Aquest enfocament ofereix la velocitat percebuda dels llocs estàtics amb el dinamisme de les aplicacions web. Per a llocs amb molt contingut, taulers d'administració o pàgines de màrqueting, on el temps d'interacció ràpid i la visibilitat de cerca són claus, aquesta arquitectura és immillorable. S'alinea perfectament amb una filosofia empresarial modular, on el contingut i la funcionalitat bàsics s'ofereixen de manera robusta abans que es produeixi cap millora.

Per què aquest enfocament té ressò per a les aplicacions empresarials

Per al programari empresarial, la fiabilitat, el manteniment i el flux de dades clar són primordials. El model HTML primer, centrat en SSR, destaca aquí. El servidor és l'única font de veritat, gestionant l'estat i la lògica empresarial de manera segura. La interfície d'usuari és una representació directa d'aquest estat, lliurada com a HTML. Això crea un model mental que és més fàcil de raonar que els trencaclosques reactius de sincronització de l'estat del client dels marcs SPA més grans. És especialment potent per a aplicacions, taulers de control i eines internes amb una gran quantitat de formularis. Plataformes com Mewayz ho entenen. En proporcionar un sistema operatiu empresarial modular que es pot integrar perfectament amb interfícies ajustades i enfocades, permeten als equips crear una lògica empresarial complexa en un entorn controlat alhora que la presenten a través d'interfícies ràpides, senzilles i compatibles amb el SEO. Aquesta separació de preocupacions (mòduls backend robustos, interface HTML elegant) és l'essència de la tecnologia empresarial escalable i que es pugui mantenir.

Els avantatges principals d'aquest canvi de paradigma es poden resumir clarament:

  • Rendiment fulgurant: s'ha enviat un JavaScript mínim al client, la qual cosa fa que els temps de càrrega siguin més ràpids i el Core Web Vitals millori.
  • Developer Joy: un flux de treball de desenvolupament simplificat sense actualitzacions constants de la cadena d'eines i deute de configuració.
  • SEO integrat: els motors de cerca poden rastrejar immediatament l'HTML totalment representat des del servidor.
  • Fiabilitat millorada: menys JavaScript del costat del client significa menys errors d'execució que afecten la interacció de l'usuari; el contingut bàsic sempre funciona.
  • Millora progressiva: la funcionalitat es degrada amb gràcia, garantint l'accessibilitat i una experiència bàsica per a tots els usuaris.

Trobar el camí de tornada al desenvolupament web senzill

No es tracta de rebutjar el desenvolupament web modern; es tracta de perfeccionar-lo. És una opció per prioritzar l'experiència de l'usuari i la seny del desenvolupador per sobre de l'atractiu de l'abstracció més nova i complexa. Frameworks com Astro (amb les seves illes interactives opcionals), Enhance, o fins i tot aprofitar components web amb plantilles del costat del servidor, proporcionen aquest camí racionalitzat. Et demanen que comencis amb allò que el web ja fa bé: lliurar documents, i posar-te en capa d'interactivitat només quan sigui necessari. Quan es combina amb un sistema de fons potent i modular com Mewayz, que gestiona les complexes operacions empresarials i la integritat de les dades, s'aconsegueix una potent sinergia. Obteniu una interfície ràpida i resistent que mostra la vostra lògica empresarial, no la complexitat de la seva construcció. És per a aquells que recorden que, en el fons, la web és sobre contingut i funció, lliurada de manera senzilla.

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

Preguntes més freqüents

La complexitat innecessària de la web moderna

Si heu sentit que la vostra ànima es va marcir mentre configureu Webpack, us ofegueu en node_modules o lluiteu amb errors d'hidratació només per mostrar una publicació de bloc senzilla, no esteu sols. El paisatge modern de JavaScript, dominat per React i el seu ecosistema pesat en eines de construcció, sovint té la sensació d'utilitzar un accelerador de partícules per penjar un marc. I si hi hagués un camí de tornada a la simplicitat? Un retorn als punts forts fonamentals del web (HTML semàntic, CSS lleuger i JavaScript millorat progressivament) sense sacrificar el dinamisme que esperen els usuaris? Aquesta és la promesa de la nova onada de marcs no-build, no-NPM, SSR-first. Són per a desenvolupadors que estimen l'HTML, valoren la potència bruta del navegador i creuen que el millor temps d'execució és el que ja està instal·lat al dispositiu de cada usuari.

Abraçar la plataforma: sense creació, sense NPM

La filosofia "no construir" és un retorn radical al seny. Significa que el vostre codi (HTML, CSS, JavaScript) és el codi que s'executa al navegador. No hi ha transpilació, cap pas d'agrupament i, sobretot, no s'espera que les dependències es baixin i es compilin. Escriu JavaScript modern amb mòduls ES i el navegador ho gestiona de manera nativa. Això elimina tota una categoria d'eines, configuració i maldecaps de versions. De la mateixa manera, "no-NPM" no vol dir que no pugueu utilitzar biblioteques; vol dir que aprofiteu els CDN moderns com jsDelivr o Skypack per importar directament mitjançant l'URL al codi del vostre navegador, o millor encara, us pregunteu si necessiteu aquesta biblioteca de 200 kb per a una tasca senzilla. El resultat és una experiència de desenvolupament local més ràpida, actualització instantània del navegador i un paquet de producció que és, literalment, exactament el que heu escrit.

Renderització del costat del servidor: no és una idea posterior, sinó la base

Els frameworks SSR-first inverteixen el model modern d'aplicació de pàgina única (SPA). En lloc d'enviar un fitxer HTML en blanc i un paquet de JavaScript monolític per representar-ho tot al client, representen l'HTML complet i interactiu al servidor. El navegador rep contingut significatiu a l'instant, la qual cosa és crucial per al rendiment, el SEO i l'experiència de l'usuari. Aleshores, JavaScript del costat del client "hidrata" aquest HTML, adjuntant oients d'esdeveniments per fer-lo interactiu. Aquest enfocament ofereix la velocitat percebuda dels llocs estàtics amb el dinamisme de les aplicacions web. Per a llocs amb molt contingut, taulers d'administració o pàgines de màrqueting, on el temps d'interacció ràpid i la visibilitat de cerca són claus, aquesta arquitectura és immillorable. S'alinea perfectament amb una filosofia empresarial modular, on el contingut i la funcionalitat bàsics s'ofereixen de manera robusta abans que es produeixi cap millora.

Per què aquest enfocament té ressò per a les aplicacions empresarials

Per al programari empresarial, la fiabilitat, el manteniment i el flux de dades clar són primordials. El model HTML primer, centrat en SSR, destaca aquí. El servidor és l'única font de veritat, gestionant l'estat i la lògica empresarial de manera segura. La interfície d'usuari és una representació directa d'aquest estat, lliurada com a HTML. Això crea un model mental que és més fàcil de raonar que els trencaclosques reactius de sincronització de l'estat del client dels marcs SPA més grans. És especialment potent per a aplicacions, taulers de control i eines internes amb una gran quantitat de formularis. Plataformes com Mewayz ho entenen. En proporcionar un sistema operatiu empresarial modular que es pot integrar perfectament amb interfícies ajustades i enfocades, permeten als equips crear una lògica empresarial complexa en un entorn controlat alhora que la presenten a través d'interfícies ràpides, senzilles i compatibles amb el SEO. Aquesta separació de preocupacions (mòduls backend robustos, interface HTML elegant) és l'essència de la tecnologia empresarial escalable i que es pugui mantenir.

Trobar el camí de tornada al desenvolupament web senzill

No es tracta de rebutjar el desenvolupament web modern; es tracta de perfeccionar-lo. És una opció per prioritzar l'experiència de l'usuari i la seny del desenvolupador per sobre de l'atractiu de l'abstracció més nova i complexa. Frameworks com Astro (amb les seves illes interactives opcionals), Enhance, o fins i tot aprofitar components web amb plantilles del costat del servidor, proporcionen aquest camí racionalitzat. Et demanen que comencis amb allò que el web ja fa bé: lliurar documents, i posar-te en capa d'interactivitat només quan sigui necessari. Quan es combina amb un sistema de backend potent i modular com Mewayz, que gestiona les complexes operacions empresarials i la integritat de les dades, aconsegueix una potent sinergia. Obteniu una interfície ràpida i resistent que mostra la vostra lògica empresarial, no la complexitat de la seva construcció. És per a aquells que recorden que, en el fons, la web és sobre contingut i funció, lliurada de manera senzilla.

Racionalitza el teu negoci amb Mewayz

Mewayz incorpora 208 mòduls empresarials en una sola plataforma: CRM, facturació, gestió de projectes i molt més. Uneix-te a més de 138.000 usuaris que han simplificat el seu flux de treball.

Comença gratis avui →

Try Mewayz Free

All-in-one platform for CRM, invoicing, projects, HR & more. No credit card required.

Start managing your business smarter today

Join 6,208+ businesses. Free forever plan · No credit card required.

Ready to put this into practice?

Join 6,208+ businesses using Mewayz. Free forever plan — no credit card required.

Start Free Trial →

Ready to take action?

Start your free Mewayz trial today

All-in-one business platform. No credit card required.

Start Free →

14-day free trial · No credit card · Cancel anytime