Из блога OpenReplay
Как реализовать бесконечную прокрутку на чистом JavaScript
Реализуйте бесконечную прокрутку на чистом JavaScript с Intersection Observer, sentinel-элементом, пагинацией, защитой от дублей и доступностью.
UUID v4 или v7: что выбрать?
UUID v4 и v7 для первичных ключей БД: почему v7 ускоряет вставки, когда v4 скрывает время создания и как генерировать оба варианта.
Восстановление потерянных коммитов с помощью Git Reflog
Восстановите потерянные коммиты Git с reflog: git reflog находит осиротевшие коммиты, отменяет hard reset и rebase, и возвращает ветки.
Разбираемся с быстрой сортировкой на примерах JavaScript
Quicksort на JavaScript с понятными и in-place примерами, разбором partition, выбором pivot, сложностью и стабильностью.
Современное определение возможностей в iOS (без боли)
Современное определение функций iOS без боли: CSS.supports, поведенческие проверки и минимальный UA-sniffing для iOS 26 и старых iPad.
5 проверок доступности, которые стоит выполнить перед релизом
Пять проверок доступности перед запуском: навигация Tab, автоанализ, семантический HTML, контраст и масштаб 200%.
Как принудительно включить HTTPS с помощью .htaccess
Принудительно включите HTTPS через .htaccess с правилами Apache, исправьте циклы за CDN и балансировщиками и настройте www и HSTS.
Почему rel='noopener' устарел для ссылок
Почему rel=noopener устарел для ссылок target=_blank, что такое reverse tabnabbing и когда по-прежнему нужны noreferrer, opener или COOP.
Создание таблицы данных с TanStack Table
Создайте data grid на TanStack Table с сортировкой, фильтрацией, пагинацией и виртуализацией, а также исправьте баги мемоизации и бесконечные рендеры.
Plan Mode в Claude Code для сложных задач
Plan Mode в Claude Code: как работает, 4 способа включения, ограничения только для чтения, рабочий процесс и когда его пропустить для простых правок.
Добавление интернационализации в React-приложение
Настройте интернационализацию React с react-i18next: интерполяция, множественное число, RTL, локальные форматы и SSR в Next.js.
Motion vs GSAP: нужны ли вам обе библиотеки?
Motion vs GSAP для React: сравнение декларативной анимации, scroll timelines, лицензий, производительности и случаев, когда нужны оба.
Как сохранять состояние в localStorage с помощью React
Сохраняйте состояние React в localStorage с помощью переиспользуемого хука: ленивый useState, JSON try/catch, SSR-защита и синхронизация вкладок.
Понимание нотации CIDR и диапазонов IP-адресов
Объяснение CIDR, IP-диапазонов и расчета подсетей для IPv4 и IPv6. Как читать префиксы, задавать размер сети и избегать пересечений и открытых правил.
Редактирование в браузере с помощью contentEditable
Редактирование contenteditable в браузере: включите встроенное редактирование текста, ловите input и избегайте ограничений execCommand и XSS.
5 JavaScript API, которые должен знать каждый frontend-разработчик
5 нативных JavaScript API для frontend: IntersectionObserver, ResizeObserver, AbortController, Clipboard API и View Transitions.
Как исправить ошибку 'ERR_TOO_MANY_REDIRECTS'
Исправьте ERR_TOO_MANY_REDIRECTS с помощью руководства по диагностике циклов редиректа, ошибок HTTP и HTTPS, SSL Cloudflare и настроек прокси.
Использование AI-агентов для автоматизации рутинных задач проекта
Используйте Claude Code skills, чтобы автоматизировать повторяющиеся задачи проекта, описать setup и deploy и сделать рабочие процессы надежными.
Тестирование компонентов на основе API в Storybook
Используйте MSW в Storybook 10 для тестирования API-компонентов в состояниях загрузки, ошибки, пустого ответа и успеха, затем превращайте истории в тесты.
Распространённые сокращённые свойства CSS
Шпаргалка по CSS shorthand для margin, padding, border, font, background и flex: правила сброса, порядок значений и скрытые ошибки.
Работа с геометрией в браузере с помощью Geometric.js
Geometric.js добавляет в браузерные графики и карты пересечение полигонов, bounds, point-in-polygon и интерполяцию путей для SVG и Canvas.
3 системы типов, которые не являются TypeScript
Сравните JSDoc + @ts-check, ReScript и Flow как альтернативы TypeScript для JavaScript: безопасность типов, сборка и актуальность.
MDN теперь является MCP-сервером
Сервер MCP от MDN дает ИИ-агентам доступ к поиску, документации и данным о совместимости браузеров, а также к настройке и ограничениям.
Что такое bunx и когда его использовать
bunx простыми словами: как Bun запускает npm-утилиты без глобальной установки, когда нужен --bun и когда npx безопаснее.