Fil de meng shao (@shao__meng)

[Recommandation Open Source] HMPL : Un langage de modèles minimaliste piloté par serveur, plus léger que React, plus moderne que le jQuery traditionnel et similaire à HTMLX, mais avec un meilleur contrôle des modèles. L'objectif principal est très clair : tout en préservant l'expérience interactive et dynamique des applications web modernes, il réduit considérablement la quantité et la complexité du code JavaScript côté client. On peut le considérer comme une forme intermédiaire entre HTML5 et EJS : il combine l'intuitivité des moteurs de templates traditionnels et les capacités des interfaces utilisateur modernes pilotées par serveur. 💡 Concept principal : Définir les « requêtes » en HTML. La principale innovation de HMPL réside dans sa logique syntaxique. L'approche traditionnelle consiste à « écrire du JS pour envoyer une requête → récupérer les données → mettre à jour le DOM », tandis que HMPL permet de déclarer directement dans le modèle HTML « d'où proviennent les données de ce bloc ». • Flux de données WYSIWYG : inutile d’écrire de longs codes fetch ou axios. Utilisez simplement une syntaxe spécifique dans le modèle (par exemple : {{ src: "/api/component" }}), et HTML traitera automatiquement la requête, récupérera le fragment HTML renvoyé par le serveur et l’affichera correctement sur la page. • Approche centrée sur le serveur : elle préconise de replacer la logique côté serveur, le client se contentant de « récupérer et d’afficher à la demande ». Cela permet une prise en charge naturelle des effets similaires au rendu côté serveur (SSR), sans la complexité d’un framework. ✨ Explication des fonctionnalités clés 1. Extrêmement léger Dans un contexte où les frameworks front-end modernes (tels que React et Vue) peuvent facilement atteindre des dizaines de kilo-octets, voire plus, le noyau de HMPL est très petit (environ 24 Ko, voire moins après compression gzip), ce qui le rend extrêmement adapté aux projets exigeant une vitesse de chargement et des performances élevées sur le premier écran. 2. Sécurité intégrée (La sécurité avant tout) Le rendu direct du HTML côté serveur est particulièrement vulnérable aux attaques XSS. HMPL intègre astucieusement DOMPurify, qui nettoie et sécurise le contenu rendu par défaut, résolvant ainsi les problèmes de sécurité qui préoccupent le plus les développeurs. 3. Excellente expérience de développement (DX) Bien qu'il s'agisse d'un langage de niche, il offre des outils de support complets, notamment des plugins pour VS Code et Vite, ainsi que Webpack Loader. Vous bénéficiez ainsi d'une expérience de développement moderne, avec par exemple la coloration syntaxique et la saisie semi-automatique, lors de l'écriture de code HTMLL. 4. Flexibilité Il n'est pas destiné à remplacer l'intégralité du framework. Vous pouvez l'utiliser comme outil autonome ou l'intégrer à des projets Vue ou React existants pour gérer du contenu côté serveur spécifique nécessitant un chargement dynamique. ⚖️ Valeur et évaluation du secteur : Dans le domaine actuel du développement front-end, l’émergence de HMPL reflète une sorte de réflexion : • Rejeter la sur-ingénierie : avons-nous vraiment besoin d’introduire un framework SPA énorme pour chaque simple page dynamique ? HTMLL apporte une réponse négative. • Courbe d'apprentissage plus rapide : Pour les développeurs backend ou les développeurs full-stack, l'approche « écrire des modèles = écrire de la logique » de HMPL est beaucoup plus intuitive que d'apprendre l'intégralité des React Hooks ou du cycle de vie de Vue. Adresse open source :