Express.js est depuis longtemps le choix privilégié de nombreux développeurs lorsqu'il s'agit de créer des serveurs Web. Avec plus de 30 millions d'installations hebdomadaires, il est clair qu'Express s'est imposé comme une norme du secteur. Mais au fil du temps, les exigences des applications Web modernes ont également évolué. Les développeurs recherchent désormais des frameworks qui sont non seulement simples mais aussi plus robustes, type-safe et mieux adaptés à environnements informatiques de pointe et sans serveur.

Au fil des ans, des frameworks tels que NestJS, Next.js et Nuxt.js ont tenté d'évoluer et d'améliorer l'expérience des développeurs. Bien que ces frameworks soient puissants, ils s'accompagnent souvent d'une complexité importante ou d'un processus de configuration lourd, qui peut sembler écrasant, en particulier pour les cas d'utilisation les plus simples. Parfois, les développeurs ont besoin de quelque chose d'aussi simple et léger qu'Express, mais doté de fonctionnalités modernes.

C'est là que Hono intervient.

Hono offre la simplicité d'Express avec les avantages supplémentaires de des performances supérieures, des normes Web modernes et une meilleure prise en charge de TypeScript. Dans cet article, nous comparerons leurs concepts de base, soulignerons les différences et montrerons comment Hono peut améliorer votre expérience de développement, en particulier pour les déploiements en périphérie et sans serveur.

1. Configuration : la simplicité à la base

La configuration d'un serveur de base avec Express est simple, et Hono partage cette simplicité. Voici un aperçu rapide de l’initialisation des deux frameworks :

Exprimer -

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello from Express!');
});

app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

Hon -

import { serve } from '@hono/node-server'
import { Hono } from 'hono';
const app = new Hono();

app.get('/', (c) => c.text('Hello from Hono!'));

serve(app);

Comme vous pouvez le constater, la structure du code est similaire. Les principales différences ici sont -

• Un package supplémentaire @hono/node-server, utilisé pour servir l'application Hono. Ce package est nécessaire pour exécuter les applications Hono dans les environnements Node.js. C'est aussi ce qui différencie Hono d'Express, car vous pouvez avoir la même base de code pour tous les environnements.

Hono Prend en charge plusieurs environnements tels que Node.js, Deno et même le navigateur. Cela en fait un excellent choix pour les développeurs qui souhaitent créer des applications pouvant s'exécuter sur plusieurs plates-formes. Vous pouvez voir la liste complète de tous les environnements d'exécution pris en charge sur la documentation Hono

• Et également à la place de req et res, Hono utilise un seul objet contextuel c qui contient toutes les informations sur la demande et la réponse. Cela facilite le travail avec les objets de requête et de réponse. C'est pourquoi nous avons c.text au lieu de res.send.

2. Routage : chaînable et efficace

Tout comme Express, Hono dispose également d'un excellent système de routage. Voici comment définir des itinéraires dans les deux frameworks :

Exprimer -

app.get('/user', (req, res) => {
  res.send('User page');
});

Hon -

app.get('/user', (c) => c.text('User page'));

En plus d'avoir une seule variable c (contexte) au lieu de req et res, le système de routage dans Hono est similaire à Express. Vous pouvez définir des itinéraires en utilisant app.get, app.post, app.put, app.delete, etc.

De plus, étant donné que Hono est optimisé pour les performances, vous pouvez vous attendre à un traitement des demandes plus rapide par rapport à Express.

3. Middleware : la flexibilité rencontre le minimalisme

Express est bien connu pour son système middleware et Hono offre des fonctionnalités similaires. Voici comment utiliser le middleware dans les deux frameworks :

Exprimer -

app.use((req, res, next) => {
  console.log('Middleware in Express');
  next();
});

Hon -

app.use((c, next) => {
  console.log('Middleware in Hono');
  next();
});

4. Gestion des requêtes et des réponses : les normes Web au cœur

Express utilise des API spécifiques au nœud telles que req et res, qui sont bien connues de la plupart des développeurs :

Exprimer -

app.get('/data', (req, res) => {
  res.json({ message: 'Express response' });
});

Hono, en revanche, s'appuie sur des API Web telles que l'API Fetch, ce qui la rend plus évolutive et plus facile à adapter aux environnements périphériques.

Hon -

app.get('/data', (c) => c.json({ message: 'Hono response' }));

Cette différence peut sembler mineure, mais elle met en évidence l'engagement de Hono à tirer parti des normes Web modernes, ce qui peut aboutir à un code plus maintenable et portable.

5. Gestion des erreurs : un système simple et efficace

Les deux frameworks offrent des moyens simples de gérer les erreurs. Dans Express, vous définissez généralement un middleware de gestion des erreurs :

Exprimer -

app.use((err, req, res, next) => {
  res.status(500).send('Something went wrong');
});

Hono propose une approche similaire, en gardant les choses propres et légères :

Hon -

app.onError((err, c) => {
  return c.text('Something went wrong', 500);
});

Dans Hono, la gestion des erreurs est tout aussi simple, mais présente l'avantage supplémentaire d'une syntaxe plus propre et de meilleures performances.

6. Comparaison des performances : l'avantage Edge

La performance est là où Hono surpasse vraiment Express. Conçu dans un souci de rapidité et de déploiements en périphérie, le framework léger de Hono surpasse Express dans la plupart des benchmarks. Voici pourquoi :

• Hono utilise des API Web modernes et ne s'appuie pas sur les spécificités de Node.js.
• Sa conception minimaliste le rend plus rapide, avec moins de dépendances à gérer.
• Hono peut facilement tirer parti des environnements informatiques de pointe, comme les travailleurs et les pages de Cloudflare ou Deno.

Dans les applications critiques en termes de performances, cela fait de Hono un choix incontournable.

7. Déploiements : Edge et sans serveur d'abord

Hono est conçu dès le départ pour les environnements de périphérie et sans serveur. Il s'intègre parfaitement à des plates-formes telles que Cloudflare Workers, Vercel et Deno Deploy. Alors qu'Express est plus traditionnel et souvent associé à des serveurs Node.js, Hono prospère dans des environnements distribués modernes.

Si vous créez des applications qui doivent s'exécuter plus près de l'utilisateur, les API Hono peuvent facilement s'exécuter en périphérie et offriront des avantages significatifs par rapport à Express.

8. Écosystème et communauté : croissance rapide

Express possède l'un des plus grands écosystèmes du monde Node.js. Avec des milliers de packages middleware et une immense communauté, il s’agit d’une option familière et fiable. Cependant, l’écosystème de Hono se développe rapidement. Sa collection de middlewares s'agrandit et, en mettant l'accent sur les performances et les normes Web modernes, de plus en plus de développeurs l'adoptent pour les applications de pointe.

Bien que certains packages Express puissent vous manquer, la communauté Hono est active et crée de nouveaux outils chaque jour.

Vous pouvez en savoir plus sur la communauté et l'écosystème Hono sur le site Web Hono.

9. Courbe d'apprentissage : les développeurs express se sentiront comme chez eux

L'API de Hono est conçue pour être intuitive, notamment pour les développeurs venant d'Express. Avec un modèle de routage et de middleware similaire, la courbe d’apprentissage est minime. De plus, Hono s'appuie sur des API Web telles que Fetch, ce qui signifie que les compétences que vous acquérez sont transférables au-delà du simple développement côté serveur, ce qui facilite le travail avec des plates-formes et des environnements modernes.

Conclusion : pourquoi devriez-vous essayer Hono

Hono apporte une nouvelle approche du développement Web avec son état d'esprit axé sur la performance et sa concentration sur l'informatique de pointe. Bien qu'Express soit un framework fiable depuis des années, le Web évolue et des outils comme Hono ouvrent la voie à la prochaine génération d'applications.

Si vous êtes un développeur Express souhaitant explorer l'informatique de pointe et les architectures sans serveur, ou si vous souhaitez un framework plus rapide et plus moderne, essayez Hono. Vous constaterez que de nombreux concepts vous sont familiers, mais les gains de performances et la flexibilité de déploiement vous laisseront impressionnés.

Prêt à commencer ?

Essayez de construire votre prochain projet avec Hono et découvrez par vous-même la différence. Vous pouvez trouver des ressources et des modèles de démarrage pour vous aider à passer facilement d'Express.

npm create hono@latest my-app

C'est ça! Vous êtes prêt à partir. Bon codage avec Hono ! Partagez avec moi votre expérience avec Hono dans les commentaires ci-dessous, sur Twitter ou Github. Je serais heureux d'entendre vos pensées !