Из блога OpenReplay
Существует ли Rails для JavaScript?
Rails для JavaScript? Сравните AdonisJS, Wasp, Next.js и Sails.js, чтобы понять, какие фреймворки дают встроенные auth, ORM и scaffolding.
Объяснение метрик кода: что такое цикломатическая сложность?
Цикломатическая сложность в JavaScript: формулы, примеры и инструменты ESLint и SonarQube для измерения и снижения ветвления.
От промпта к UI с Google Stitch
Google Stitch превращает промпты в UI-макеты, прототипы и HTML-экспорт. Узнайте, как писать точные запросы, использовать DESIGN.md и ускорить передачу в разработку.
Стилизация веб-компонентов с помощью Shadow DOM и CSS
Стилизация Web Components с Shadow DOM: используйте :host, ::slotted(), CSS-переменные, ::part() и adoptedStyleSheets для контроля CSS компонента.
Серверный рендеринг с Preact
Preact SSR с preact-render-to-string, hydrate и Vite: серверный рендеринг, стриминг и советы по избежанию ошибок гидратации.
Как установить Claude Desktop на Linux
Claude Desktop в Linux: официальный Claude Code CLI и community-пакеты для десктопа, установка, сравнение функций и риски безопасности.
Создание оглавления из заголовков на JavaScript
Создайте оглавление на JavaScript из заголовков: безопасные ID, доступная навигация и подсветка активного раздела через IntersectionObserver.
Nuxt UI — интуитивная библиотека компонентов для Vue-приложений
Nuxt UI — это нативная для Tailwind библиотека Vue-компонентов с 125+ доступными компонентами, поддержкой TypeScript и настройкой Vite для Nuxt или Vue.
5 альтернатив Figma, построенных на веб-технологиях
5 альтернатив Figma на web-технологиях: Penpot, Plasmic, Webstudio, Framer и tldraw для нативных браузерных workflows.
Состояние CSS-in-JS в 2026 году
CSS-in-JS в 2026: runtime и zero-runtime, ограничения React Server Components и Next.js App Router, и какой подход к стилям выбрать для приложения.
Как создать Android-приложение с помощью Android CLI
Настройка Android CLI, создание проекта, установка SDK, запуск в эмуляторе и роль Android Skills и Knowledge Base в разработке с агентами.
Выбор движка шаблонов для JavaScript
Сравните EJS, Handlebars, Pug и Nunjucks для серверного HTML в Node.js: синтаксис, сценарии использования и советы по безопасности.
Семантическое версионирование: разбираемся в деталях
SemVer в npm: MAJOR.MINOR.PATCH, диапазоны caret и tilde, версии 0.x, pre-release и lock-файлы для более безопасных обновлений.
Пять возможностей Sass, которые можно заменить нативным CSS
Пять функций Sass, которые можно заменить современным CSS: пользовательские свойства, вложенность, color-mix(), @layer и @property.
Как встроить видео в React
Встраивайте видео в React через HTML5 video для своих файлов, iframe YouTube, исправление autoplay, адаптивный размер и выбор ReactPlayer.
Техники обфускации email-адресов для веба
Методы обфускации email для веба: сравнение HTML-энкодинга, JavaScript, CSS, контактных форм и защиты Cloudflare.
Запись аудио в браузере с помощью Web Audio API
Запись аудио в браузере с Web Audio API: захват микрофона через getUserMedia, обработка при необходимости и кодирование через MediaRecorder.
Современные возможности SQLite, о которых вы могли не знать
Современные возможности SQLite: JSONB, таблицы STRICT, RETURNING, WASM с OPFS и WAL mode для лучшей производительности и конкуренции.
Использование es-toolkit для повседневных JavaScript-утилит
es-toolkit предлагает типизированные, tree-shakeable JavaScript-утилиты как легкую альтернативу Lodash, с меньшими бандлами и простым переходом.
Создание всплывающей подсказки на чистом CSS
Создайте pure CSS tooltip с ::after, data-tooltip и переходами opacity, а также поддержкой focus-visible и важными ограничениями доступности.
Что Axios всё ещё даёт вам по сравнению с Fetch
Axios vs Fetch: разберитесь, где Axios выигрывает благодаря интерсепторам, автоматической обработке HTTP-ошибок, общим экземплярам, прогрессу загрузки и тайм-аутам.
Практический обзор Kubernetes
Обзор Kubernetes: архитектура, Pods, Deployments, Services, Ingress и ConfigMaps для запуска и масштабирования веб-приложений в кластере.
Автоматическая генерация скелетон-экранов с помощью boneyard
boneyard-js автоматически генерирует skeleton loaders из реальных макетов компонентов на этапе dev, с адаптивными файлами .bones.json и поддержкой Vite.
Новый способ просмотра npm-пакетов с помощью npmx
npmx упрощает проверку npm-пакетов: сравнение рядом, размер bundle, формат модуля, зависимости и проверка уязвимостей.