🤔 SSG своими руками

В статье покажу, как собрать статический сайт на React без Next.js и прочих фреймворков. Чистый подход с нуля, если хочется или приходится обойтись без лишней магии.

Читать...

⚙️ Что такое process.nextTick() в Node.js и зачем он используется?

process.nextTick() позволяет отложить выполнение функции до следующей итерации цикла событий, но до выполнения других асинхронных операций, таких как таймеры или I/O. Это полезно, когда нужно выполнить код сразу после текущей операции, но асинхронно.

➡️ Пример:

console.log('Начало');

process.nextTick(() => {
  console.log('Выполнено в nextTick');
});

console.log('Конец');

🗣️ В этом примере nextTick выполнится между Начало и Конец, несмотря на то что он выглядит асинхронным. Это может быть полезно для инициализации, отложенного выброса ошибок или управления порядком выполнения кода

❗️ Но не злоупотребляйте: бесконечные nextTick-вызовы могут блокировать цикл событий.

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

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

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

Читать...

📦 Делай маленькие коммиты

Заливать сразу 500 строк изменений — плохая идея. Потом ни ты, ни ревьюер не найдёте, где именно всё сломалось.

👉 Совет: коммить маленькими логическими порциями. Закончил функцию — зафиксировал. Настроил конфиг — зафиксировал. Так ты облегчаешь себе и ревью, и откаты, и поиск багов.

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

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

Читать...

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

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

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

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

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

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

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

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

Читать...

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

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

Читать...

⚙️ Как улучшить UX в PWA на React с помощью потокового Backend-Driven UI — личный опыт

В статье показывают три приёма для ускорения интерфейсов с Backend-Driven UI: на демо всё летает, в бою ещё нет, но уже есть что обсудить и куда копнуть глубже.

Читать...

⚙️ Что такое 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.

Читать...

👩‍💻 8 неэффективных практик JavaScript, которых лучше избегать

Отказавшись от неэффективных практик программирования на JavaScript, вы всегда будете писать удобный и легко читаемый код. Это сэкономит вам и вашей команде много времени и обеспечит долгую жизнь вашим продуктам.

Читать...

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

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

Читать...

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

• Центральный Университет: взгляд магистра изнутри (1 семестр)

• Стартап vs корпорации vs предпринимательство: кому, куда и зачем?

• Почему соискателям не стоит постить нюдсы, что такое culture fit и чем IT-индустрия напоминает подростка

• Лидерами рождаются или становятся? Откуда берутся управленцы и лидеры в IT

• Работать или переработать: как победить в себе заядлого удаленщика

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

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

Читать...

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

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

Читать...

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

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

Читать...

🔀 Учись читать код глазами "чужого разработчика"

К своему коду привыкаешь, и мозг прощает ему косяки. А новый человек увидит все слабые места сразу.

👉 Совет: через день-два после написания функции прочитай её, как будто видишь в первый раз. Если что-то кажется мутным или неочевидным — перепиши. Чистота кода начинается с честности перед собой.

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

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

Читать...

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

• SMS-автоответчик с обновлением статуса: еще один канал связи для клиентов, которым мало интернета и звонков

• Попробуйте Tauri

• Новый оператор безопасного присваивания в JavaScript: ?=

• Как ускорить компонентную frontend-разработку с помощью продуктового подхода: опыт Рунити

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