Из блога OpenReplay
Краткое руководство по индикаторам загрузки в веб-приложениях
Статья рассматривает выбор между спиннерами, скелетонами и оптимистичным UI, а также реализацию границ React Suspense с состояниями загрузки Next.js App Router.
Основы DNS, которые должен знать каждый разработчик
Разрешение DNS, типы записей, поведение TTL, DNSSEC, DoH и HTTPS-записи, описанные так, чтобы разработчики могли уверенно диагностировать сбои в production.
Неизменяемое состояние простым способом: разбираемся с Immer
Immer использует JavaScript Proxy для иммутабельных обновлений состояния; рассматривается интеграция с Redux Toolkit и типичные ошибки мутации черновиков.
Упрощенные рабочие процессы релизов с Changesets
Построение рабочих процессов публикации npm с Changesets, GitHub Actions и OIDC для автоматизации версионирования и changelog в монорепозитории.
Как работает вход без пароля под капотом
Как passkeys применяют криптографию с открытым ключом, протокол WebAuthn и привязку origin в FIDO2 для защищённой от фишинга аутентификации в вебе.
Под капотом фреймворков: доверяйте примитивам веба
Разбор Popover API, View Transitions, Navigation API и CSS-примитивов как альтернатив фреймворкам с применением Baseline для оценки готовности к внедрению.
Руководство для начинающих по удалённым функциям в SvelteKit
Удалённые функции SvelteKit заменяют ручные API-эндпоинты типобезопасными серверными вызовами; разбираются типы query, form, command и prerender.
Почему разработчики переходят с Next.js на TanStack Start
Сравнение TanStack Start и Next.js по маршрутизации, серверным функциям и интеграции с Vite помогает выбрать подходящий React-фреймворк для команды.
Объяснение Refs: Как Фреймворки Обрабатывают Прямой Доступ к DOM
DOM refs в React, Vue, Angular и Svelte обеспечивают прямой доступ к DOM без нарушения гарантий фреймворка, когда декларативных подходов недостаточно.
Как выявить запросы к базе данных, которые замедляют ваше приложение
Анализ медленных запросов через query plans, slow query logs и OpenTelemetry spans помогает находить проблемы N+1, блокировки и отсутствующие индексы.
Создание пользовательского компонента загрузки файлов для React
Статья описывает создание React-компонента загрузки файлов с drag and drop, валидацией, предпросмотром и отслеживанием прогресса XHR.
Таблицы, а не Div'ы: Простой API для Настоящих Табличных Данных
Построение настоящих таблиц с данными через DOM API HTML table: нативные методы исключают XSS-риски и по умолчанию формируют семантическую, доступную разметку.
Как добавить поиск на сайт без бэкенда
Добавление клиентского поиска на статические сайты и JAMstack-проекты с помощью Pagefind, Lunr, Fuse.js или Algolia без поддержки бэкенд-сервера и базы данных.
Практические паттерны мемоизации в JavaScript
Мемоизация JavaScript-функций с учётом ссылок на объекты, асинхронных граничных случаев, вытеснения кэша и React useMemo без утечек памяти и ошибок.
Встраивание видео YouTube без замедления сайта
YouTube-iframe ухудшают LCP и INP; паттерн facade подставляет заглушки вместо плеера, снижая нагрузку на основной поток до первого взаимодействия.
Чек-лист для выбора конструктора веб-форм
Оценка конструкторов форм по модели интеграции, поддержке WCAG, резидентности GDPR, безопасности webhook и правилам валидации позволяет избежать миграций.
Когда вашей форме нужно отвечать, используйте элемент Output
HTML-элемент output отображает живые результаты формы, связывая поля ввода через атрибут for, атрибут name и свойство value объекта HTMLOutputElement.
Более умные обновления пакетов с npm-check-updates
npm-check-updates позволяет обновлять диапазоны версий в package.json, соблюдать границы semver и синхронизировать lockfile без нарушения работы CI-пайплайнов.
Как найти уязвимости в вашем приложении с помощью Strix
Strix применяет автономные AI-агенты для поиска уязвимостей в приложении: нарушений контроля доступа, инъекций и багов бизнес-логики до выхода в продакшн.
Как создать Angular-приложение с помощью Google AI Studio
Быстрое создание Angular-приложений в Google AI Studio режиме Build, экспорт на GitHub и защита API-ключей через серверную прокси-архитектуру.
Как получить последнее совпадающее значение в массиве JavaScript
Методы findLast и findLastIndex позволяют получить последний подходящий элемент массива или его индекс без мутации данных и ручного написания циклов.
Что нового в Preact в 2026 году?
Анализ патчей безопасности Preact, изменений в бета-версии Preact 11, а также обновлений Vite и preact-iso для принятия обоснованных решений в продакшене.
Создание компонентов с отслеживанием скролла в React
Использование Intersection Observer, refs и useSyncExternalStore позволяет отслеживать позицию скролла в React без лишних ре-рендеров и scroll jank.
Создание сайтов документации с помощью Docusaurus
Статья показывает, как собрать статический сайт документации на Docusaurus v3 с MDX, версионированием, поиском Algolia и темизацией на основе React.