🔊 Определение bpm (beats per minute) в браузере

Расскажу, как я сделал браузерный сервис на React для определения bpm по микрофону. Без тапов и сторонних приложений — только звук и алгоритмы.

Читать...

🔐 Делай внутренние инструменты с внешним качеством

Раз работаешь только ты, значит, можно «и так сойдёт»? А потом этот скрипт ломается в самый важный момент.

👉 Совет: относись к своим внутренним тулзам как к продукту. Добавь ошибки, валидацию, минимальный UX. Тебе же потом их запускать в спешке, лучше если они не подведут.

⚙️ React vs Vue – подробное сравнение и перспективы

Разберём, как изменились React и Vue за 5 лет, оценим их экосистемы и перспективы на фоне развития LLM и AI-агентов. Будет много сравнений, фактов и личных выводов.

Читать...

⚙️ CI/CD для чайников — разберитесь, и начните автоматизировать рутину в разработке. Часть 3. Его величество, деплой

Расскажу, как максимально просто организовать автоматический деплой React-приложения через CI/CD: что нужно, какие инструменты понадобятся и как сделать так, чтобы сайт был доступен в интернете.

Читать...

➡️ Самые интересные статьи за последние дни:

• Без головы — лучше! Разворачиваем собственную Headless CMS Directus в облаке

• Пишем Realtime для Multiple-page application в микросервисной архитектуре

• Как написать Google Calendar на коленке? Обзор FullCallendar

• Как внедрить наблюдаемость в микросервисное приложение с помощью OpenTelemetry, Jaeger и Prometheus

• Поддержка временных зон в фулстек-приложении на основе NestJS и Angular: работа с REST и WebSockets

⚙️ Пробуем Junie от JetBrains на реальной задаче (или как я попал в рассказ Азимова)

В этой статье проверяю, как справляется новый AI-ассистент Junie от JetBrains с реальной задачей, и случайно оказываюсь в ситуации из рассказа Азимова.

Читать...

⚙️ Что такое fs.promises в Node.js и зачем он нужен?

Модуль fs в Node.js позволяет работать с файловой системой. Начиная с Node 10+, появился fs.promises, который возвращает Promise вместо использования колбэков.

Это делает код чище и позволяет писать асинхронные операции через async/await

➡️ Пример:

const fs = require('fs/promises');

async function readFile() {
  try {
    const data = await fs.readFile('example.txt', 'utf8');
    console.log(data);
  } catch (err) {
    console.error('Ошибка чтения файла:', err);
  }
}

readFile();

🗣️ В этом примере файл example.txt читается асинхронно. Ошибки обрабатываются через try/catch, код становится линейным и легко читаемым.

Это современный способ работы с файлами в Node.js без "адских вложенных колбэков".

🖥 Подробнее тут

👩‍💻 4 типичные ошибки разработчиков Node.js

Растущее комьюнити Node.js - свидетельство надежности и эффективности этого инструмента. Однако не всем удается извлечь из него максимальную выгоду. Рассмотрим самые распространенные ошибки разработчиков Node.js.

Читать...

👩‍💻 Пользовательские события CustomEvent

JavaScript CustomEvent расширяют функциональность встроенной системы событий. Проще говоря, они позволяют программистам создавать и обрабатывать события, уникальные для их приложения, и в этой статье мы расскажем о них всё.

Читать...

👩‍💻 Как преобразовать Node.js Buffer в String

При преобразовании между Buffer и String может быть указана кодировка символов. Если кодировка не указана, по умолчанию будет использоваться UTF-8

Читать...

📈 Подборка статей для вашей карьеры

• В какой момент профессия программиста свернула не туда?

• Офис Intel в Израиле отменил бесплатный кофе

• Войти в IT – в 37 и с дипломом филфака

• Путь к мастерству: Как стать успешным разработчиком

• Галера от HH или джуны по-дешевке

👩‍💻 Дата и время в JavaScript

Учимся работать с датой и временем в JavaScript: разбираемся с определением и способом создания объекта Data, его методами и форматами вывода.

Читать...

👩‍💻 Как запустить несколько приложений React на одном порту Nginx с Docker

Разместим на одном порту два приложения React с Nginx и Docker. Настроим Docker, добавим конфигурацию Nginx глобально и файл docker-compose.yml.

Читать...

⚙️ PostgreSQL Antipatterns: валим «слона» — highload на ровном месте

Сегодняшняя тема посвящена нелегким взаимоотношениям клиентского приложения и сервера PostgreSQL: как на ровном месте, неудачной архитектурой приложения, можно обеспечить себе хронические проблемы производительности.

Читать...

🔬 Тестируй даже то, что кажется надёжным

«Это никогда не ломается» — последняя фраза перед катастрофой. Особенно в частях кода, которые трогают редко.

👉 Совет: пиши тесты для стабильных участков кода. Именно они чаще всего становятся ловушкой, когда всё вокруг уже поменялось, а эти куски — нет. Спокойствие в проде начинается с паранойи в деве.

👩‍💻 Переменные среды/окружения в Node.js: Как правильно их установить

В этой статье мы погрузимся в мир переменных среды в Node.js, рассмотрим их преимущества, примеры использования и лучшие практики эффективного управления ими.

Читать...

👩‍💻 Управляйте промисами используя Promise.withResolvers()

Метод Promise.withResolvers() повышает гибкость, позволяя удалённо разрешать или отклонять промисы, упрощая и оптимизируя асинхронный код.

Читать...

📊 Обзор лучших библиотек для визуализации данных

Визуализация данных — важная часть любого проекта, связанного с аналитикой и обработкой данных. Мы рассмотрим 7 библиотек: Plotly, D3.js, Nivo, Latitude, Apache ECharts, Victory и Chart.js.

Читать...

👩‍💻 Мини-сервер с авто-ограничением запросов по IP

Реализуйте простой HTTP-сервер на Node.js (без фреймворков), который обрабатывает GET-запросы и возвращает "Hello, client!".

Но с одним условием: если IP-адрес клиента делает больше 5 запросов за 10 секунд, сервер должен временно блокировать этот IP на 30 секунд и отвечать ему "429 Too Many Requests".

Решение задачи🔽

const http = require('http');
const PORT = 3000;

const requestLog = {}; // { ip: [timestamps] }
const bannedIPs = {}; // { ip: unblockTimestamp }

function cleanupOldRequests(ip) {
const now = Date.now();
requestLog[ip] = (requestLog[ip] || []).filter(ts => now - ts < 10000);
}

const server = http.createServer((req, res) => {
const ip = req.socket.remoteAddress;

if (bannedIPs[ip] && Date.now() < bannedIPs[ip]) {
res.writeHead(429, { 'Content-Type': 'text/plain' });
return res.end('429 Too Many Requests');
}

cleanupOldRequests(ip);
requestLog[ip].push(Date.now());

if (requestLog[ip].length > 5) {
bannedIPs[ip] = Date.now() + 30000; // блок на 30 сек
requestLog[ip] = [];
res.writeHead(429, { 'Content-Type': 'text/plain' });
return res.end('429 Too Many Requests');
}

res.writeHead(200, { 'Content-Type': 'text/plain' });
res.end('Hello, client!');
});

server.listen(PORT, () => {
console.log(`Server listening on https://localhost:${PORT}`);
});

➡️ Создание конфигурируемого Webhook-модуля для NestJS-приложении

В рамках этой статьи я опишу создание двух NestJS-модулей с различным способом конфигурирования: утилитарный модуль и бизнес-модуль со своей базой данных.

Читать...