Из блога OpenReplay
MCP Apps: Добавление интерактивного UI в диалоги с ИИ
MCP Apps позволяют встраивать интерактивные UI-компоненты прямо в диалоги с ИИ; MCP-серверы рендерят дашборды и формы с помощью стандарта SDK ext-apps.
Создание вашего первого API с Koa
Построение REST API с Koa охватывает настройку маршрутизации, разбор JSON-тел запросов и каскадную модель middleware для обработки GET и POST эндпоинтов.
Лучший способ просмотра ошибок в VS Code с помощью Error Lens
Error Lens выводит диагностику ESLint и TypeScript inline прямо в редакторе VS Code, позволяя frontend-разработчикам быстрее находить и исправлять ошибки.
Как измерять производительность JavaScript
Профилирование JavaScript через DevTools, Performance API и Core Web Vitals помогает находить узкие места и точно измерять пользовательский INP.
Когда использовать user-select: none (и когда это ловушка для UX/доступности)
Разбор случаев, когда CSS user-select: none уместен для интерактивных элементов, а когда вредит доступности, переводчикам и выделению текста.
Виртуальная прокрутка для высокопроизводительных интерфейсов
Виртуальная прокрутка рендерит только видимые DOM-узлы, ускоряя работу с большими данными; статья разбирает windowing, overscan и TanStack Virtual.
OpenClaw: Новый AI-ассистент с открытым исходным кодом
OpenClaw - self-hosted AI-агент, выполняющий shell-команды, управляющий браузером и интегрирующийся со Slack, Telegram и WhatsApp на собственном оборудовании.
Как работают базы данных типа «ключ-значение» (например, Redis, Memcached)
Redis, Memcached и базы данных типа ключ-значение применяют хеш-таблицы в памяти для быстрого поиска, кеширования и хранения сессий в бэкенде.
Объяснение потоков для веб-разработчиков
Обработка fetch-ответов по частям с помощью Web Streams API, ReadableStream и TransformStream снижает нагрузку на память и повышает производительность.
Абсолютные значения в CSS с помощью abs()
Функция CSS abs() безопасно работает со знаковыми custom properties в отступах, тайминге анимаций и расчётах макета без JavaScript-обходных решений.
Что такое Lynx.js? Руководство для начинающих
Lynx.js - кросс-платформенный фреймворк от ByteDance, рендерящий нативный UI на iOS и Android с помощью React, CSS и двухпоточной архитектуры.
Создание типобезопасных API-клиентов с помощью OpenAPI и TypeScript
Генерация TypeScript-типов из OpenAPI-спецификаций через openapi-typescript, openapi-fetch и Orval помогает строить типобезопасные клиенты и устранять ошибки времени выполнения.
Реализация бинарного поиска в JavaScript
Статья охватывает итеративный и рекурсивный бинарный поиск в JavaScript, требование сортировки массива и случаи, когда бинарный поиск эффективнее линейного.
Шпаргалка по обработке текста в Linux
grep, sed, awk, ripgrep и jq ускоряют работу в терминале: разбор лог-файлов, извлечение столбцов и преобразование структурированных текстовых данных.
Как работает CSS Aspect Ratio
Свойство CSS aspect-ratio управляет размерами блоков, заменяет padding-трюк и предотвращает сдвиги макета при использовании object-fit во flexbox и grid.
Как реализовать Toast-уведомления в Vue
Реализация toast-уведомлений во Vue 3 через кастомный composable или Vue Toastification, с доступной разметкой и паттернами Composition API.
Основы кэширования, которые должен знать каждый веб-разработчик
Ускорение веб-приложений достигается грамотным применением browser cache, CDN cache, заголовков Cache-Control, ETag и методов валидации Last-Modified.
Отображение человекочитаемого времени в браузере
Форматирование UTC-меток времени в браузере через Intl.DateTimeFormat, Intl.RelativeTimeFormat, Intl.DurationFormat и Temporal без сторонних библиотек.
CSS Grid Lanes: Новый нативный Masonry-макет
Нативный masonry-макет на CSS Grid, статус поддержки браузерами и стратегии fallback для создания Pinterest-подобных раскладок без JavaScript-библиотек.
Лучшие Git UI для разработчиков
Сравнение Fork, GitKraken, Tower, Sourcetree, GitButler и Lazygit для выбора подходящего Git UI под задачи ветвления, rebase и разрешения конфликтов.
Как обработать Uncaught (in promise) TypeError
Исправление Uncaught in promise TypeError через блоки try catch, обработчики .catch и событие unhandledrejection для обработки ошибок Promise в браузере.
В чём разница между Map, Set и Object в JavaScript?
Сравнение Map, Set и Object в JavaScript помогает выбрать структуру данных с учётом обработки ключей, порядка итерации и производительности.
Использование Git Subrepos для управления большими кодовыми базами
Сравнение Git subrepo, Git submodules и Git subtree для управления общим кодом; статья помогает выбрать подходящий vendoring-процесс для команды.
Как разместить Google Fonts локально в WordPress
Размещение Google Fonts локально в WordPress через Font Library, загрузку WOFF2 или плагины устраняет сторонние подключения и упрощает соответствие GDPR.