Обзор фреймворков

▸Express

Express — самый популярный Node.js фреймворк. Он минималистичный, гибкий и имеет огромную экосистему middleware.

▸Fastify

Fastify — высокопроизводительный фреймворк с фокусом на скорость. Использует JSON Schema для валидации и сериализации.

▸Hono

Hono — ультралёгкий фреймворк, работающий в Node.js, Deno, Bun и браузере. Минимальный bundle size.

Установка и базовая настройка

▸Express

bash

1npm install express

1import express from 'express';
2const app = express();
3
4app.get('/', (req, res) => {
5  res.json({ message: 'Привет мир' });
6});
7
8app.listen(3000);

▸Fastify

bash

1npm install fastify

1import Fastify from 'fastify';
2const app = Fastify();
3
4app.get('/', async () => {
5  return { message: 'Привет мир' };
6});
7
8app.listen({ port: 3000 });

▸Hono

bash

1npm install hono

1import { Hono } from 'hono';
2const app = new Hono();
3
4app.get('/', (c) => {
5  return c.json({ message: 'Привет мир' });
6});
7
8export default app;

Производительность

▸Бенчмарки

Fastify: ~30,000 requests/sec

Hono: ~25,000 requests/sec

Express: ~10,000 requests/sec

▸Почему Fastify быстрее

Сериализация через JSON Schema

Минимальный overhead

Оптимизированный routing

Middleware

▸Express middleware

1app.use(express.json());
2app.use((req, res, next) => {
3  console.log(req.method, req.url);
4  next();
5});

▸Fastify plugins

1await app.register(import('@fastify/cors'));
2await app.register(import('@fastify/swagger'));

▸Hono middleware

1import { cors } from 'hono/cors';
2import { logger } from 'hono/logger';
3
4app.use('*', logger());
5app.use('*', cors());

TypeScript

▸Express

1import express, { Request, Response } from 'express';
2
3const app = express();
4
5app.get('/users/:id', (req: Request, res: Response) => {
6  const { id } = req.params;
7  res.json({ id });
8});

▸Fastify

1import Fastify from 'fastify';
2
3const app = Fastify();
4
5app.get<{
6  Params: { id: string };
7}>('/users/:id', async (req) => {
8  return { id: req.params.id };
9});

▸Hono

1import { Hono } from 'hono';
2
3const app = new Hono();
4
5app.get('/users/:id', (c) => {
6  const id = c.req.param('id');
7  return c.json({ id });
8});

Валидация

▸Express + Joi

1import Joi from 'joi';
2
3const schema = Joi.object({
4  name: Joi.string().required(),
5  email: Joi.string().email().required(),
6});
7
8app.post('/users', (req, res) => {
9  const { error } = schema.validate(req.body);
10  if (error) return res.status(400).json({ error: error.message });
11  // ...
12});

▸Fastify + JSON Schema

1const schema = {
2  body: {
3    type: 'object',
4    required: ['name', 'email'],
5    properties: {
6      name: { type: 'string' },
7      email: { type: 'string', format: 'email' },
8    },
9  },
10};
11
12app.post('/users', { schema }, async (req) => {
13  // req.body автоматически валидирован
14});

Роутинг

▸Express

1const router = express.Router();
2router.get('/', listUsers);
3router.get('/:id', getUser);
4app.use('/api/users', router);

▸Fastify

1app.register(async function(fastify) {
2  fastify.get('/', listUsers);
3  fastify.get('/:id', getUser);
4}, { prefix: '/api/users' });

▸Hono

1const routes = new Hono();
2
3routes.get('/', listUsers);
4routes.get('/:id', getUser);
5
6app.route('/api/users', routes);

Экосистема

▸Express

Огромное количество middleware

Зрелая экосистема

Много туториалов и документации

▸Fastify

Быстро растущая экосистема

Официальные плагины

Отличная документация

▸Hono

Молодой, но быстрорастущий

Кроссплатформенный

Минимальная зависимость

Когда выбирать Express

Существующий проект на Express

Нужна максимальная совместимость

Простая API без высоких требований к производительности

Когда выбирать Fastify

Высокие требования к производительности

Нужна валидация через JSON Schema

TypeScript-first подход

Когда выбирать Hono

Кроссплатформенный проект (Node.js + Edge)

Minimal bundle size критичен

Современный стек без legacy

Заключение

Express — зрелый и проверенный. Fastify — быстрый и современный. Hono — ультралёгкий и кроссплатформенный. Выбирайте исходя из требований проекта и команды.

#nodejs#express#fastify#hono#фреймворки

Node.js≈ 14 мин чтения15 июня 2024 г.

Express vs Fastify vs Hono: выбор фреймворка

Сравнение трёх популярных Node.js фреймворков: производительность, экосистема, TypeScript и когда какой выбрать.

Обзор фреймворков

▸Express

Express — самый популярный Node.js фреймворк. Он минималистичный, гибкий и имеет огромную экосистему middleware.

▸Fastify

▸Hono

Hono — ультралёгкий фреймворк, работающий в Node.js, Deno, Bun и браузере. Минимальный bundle size.

Установка и базовая настройка

▸Express

bash

1npm install express

1import express from 'express';
2const app = express();
3
4app.get('/', (req, res) => {
5  res.json({ message: 'Привет мир' });
6});
7
8app.listen(3000);

▸Fastify

bash

1npm install fastify

1import Fastify from 'fastify';
2const app = Fastify();
3
4app.get('/', async () => {
5  return { message: 'Привет мир' };
6});
7
8app.listen({ port: 3000 });

▸Hono

bash

1npm install hono

1import { Hono } from 'hono';
2const app = new Hono();
3
4app.get('/', (c) => {
5  return c.json({ message: 'Привет мир' });
6});
7
8export default app;

Производительность

▸Бенчмарки

Fastify: ~30,000 requests/sec

Hono: ~25,000 requests/sec

Express: ~10,000 requests/sec

▸Почему Fastify быстрее

Сериализация через JSON Schema

Минимальный overhead

Оптимизированный routing

Middleware

▸Express middleware

1app.use(express.json());
2app.use((req, res, next) => {
3  console.log(req.method, req.url);
4  next();
5});

▸Fastify plugins

1await app.register(import('@fastify/cors'));
2await app.register(import('@fastify/swagger'));

▸Hono middleware

1import { cors } from 'hono/cors';
2import { logger } from 'hono/logger';
3
4app.use('*', logger());
5app.use('*', cors());

TypeScript

▸Express

1import express, { Request, Response } from 'express';
2
3const app = express();
4
5app.get('/users/:id', (req: Request, res: Response) => {
6  const { id } = req.params;
7  res.json({ id });
8});

▸Fastify

1import Fastify from 'fastify';
2
3const app = Fastify();
4
5app.get<{
6  Params: { id: string };
7}>('/users/:id', async (req) => {
8  return { id: req.params.id };
9});

▸Hono

1import { Hono } from 'hono';
2
3const app = new Hono();
4
5app.get('/users/:id', (c) => {
6  const id = c.req.param('id');
7  return c.json({ id });
8});

Валидация

▸Express + Joi

1import Joi from 'joi';
2
3const schema = Joi.object({
4  name: Joi.string().required(),
5  email: Joi.string().email().required(),
6});
7
8app.post('/users', (req, res) => {
9  const { error } = schema.validate(req.body);
10  if (error) return res.status(400).json({ error: error.message });
11  // ...
12});

▸Fastify + JSON Schema

1const schema = {
2  body: {
3    type: 'object',
4    required: ['name', 'email'],
5    properties: {
6      name: { type: 'string' },
7      email: { type: 'string', format: 'email' },
8    },
9  },
10};
11
12app.post('/users', { schema }, async (req) => {
13  // req.body автоматически валидирован
14});

Роутинг

▸Express

1const router = express.Router();
2router.get('/', listUsers);
3router.get('/:id', getUser);
4app.use('/api/users', router);

▸Fastify

1app.register(async function(fastify) {
2  fastify.get('/', listUsers);
3  fastify.get('/:id', getUser);
4}, { prefix: '/api/users' });

▸Hono

1const routes = new Hono();
2
3routes.get('/', listUsers);
4routes.get('/:id', getUser);
5
6app.route('/api/users', routes);

Экосистема

▸Express

Огромное количество middleware

Зрелая экосистема

Много туториалов и документации

▸Fastify

Быстро растущая экосистема

Официальные плагины

Отличная документация

▸Hono

Молодой, но быстрорастущий

Кроссплатформенный

Минимальная зависимость

Когда выбирать Express

Существующий проект на Express

Нужна максимальная совместимость

Простая API без высоких требований к производительности

Когда выбирать Fastify

Высокие требования к производительности

Нужна валидация через JSON Schema

TypeScript-first подход

Когда выбирать Hono

Кроссплатформенный проект (Node.js + Edge)

Minimal bundle size критичен

Современный стек без legacy

Заключение

#nodejs#express#fastify#hono#фреймворки

🛠

Попробуйте наш инструмент

Закрепите знания с помощью интерактивных упражнений

Перейти →

Обзор фреймворков

▸Express

▸Fastify

▸Hono

Установка и базовая настройка

▸Express

▸Fastify

▸Hono

Производительность

▸Бенчмарки

▸Почему Fastify быстрее

Middleware

▸Express middleware

▸Fastify plugins

▸Hono middleware

TypeScript

▸Express

▸Fastify

▸Hono

Валидация

▸Express + Joi

▸Fastify + JSON Schema

Роутинг

▸Express

▸Fastify

▸Hono

Экосистема

▸Express

▸Fastify

▸Hono

Когда выбирать Express

Когда выбирать Fastify

Когда выбирать Hono

Заключение

Попробуйте наш инструмент

Похожие статьи

React: полное руководство для собеседования

JavaScript: глубокий анализ для собеседования

Node.js и backend: что спрашивают на собеседовании

DevOps: от основ до продвинутого уровня

Обзор фреймворков

▸Express

▸Fastify

▸Hono

Установка и базовая настройка

▸Express

▸Fastify

▸Hono

Производительность

▸Бенчмарки

▸Почему Fastify быстрее

Middleware

▸Express middleware

▸Fastify plugins

▸Hono middleware

TypeScript

▸Express

▸Fastify

▸Hono

Валидация

▸Express + Joi

▸Fastify + JSON Schema

Роутинг

▸Express

▸Fastify

▸Hono

Экосистема

▸Express

▸Fastify

▸Hono

Когда выбирать Express

Когда выбирать Fastify

Когда выбирать Hono

Заключение

Попробуйте наш инструмент

Похожие статьи

React: полное руководство для собеседования

JavaScript: глубокий анализ для собеседования

Node.js и backend: что спрашивают на собеседовании

DevOps: от основ до продвинутого уровня