Из блога OpenReplay
Почему не стоит валидировать email-адреса с помощью регулярных выражений
Почему regex для email подводит: он отклоняет валидные адреса, принимает недоставляемые и может вызвать ReDoS. Лучше использовать HTML5 email input или библиотеку.
Управление состоянием в Svelte 5 с помощью Runes
Управление состоянием в Svelte 5 с рунами: $state, $derived и $effect, общий state между компонентами и защита от SSR-утечек в SvelteKit.
Авторизация на стороне клиента и на стороне сервера: почему необходимы оба подхода
Авторизация на клиенте и сервере в React и Next.js: проверяйте права на сервере, используйте клиент для UX и избегайте 403 из-за рассинхрона.
Как создать CRUD API с AdonisJS
Создайте CRUD API на AdonisJS v7: маршруты posts, модели Lucid, валидация VineJS и JSON-ответы, проверенные через curl.
Практическое руководство по новым методам Set в JavaScript
Новые методы Set в JavaScript: union, intersection, difference, symmetricDifference и проверки подмножества, плюс поддержка Map и браузеров.
Теговые шаблонные литералы: создание мини-DSL на JavaScript
Tagged template literals в JavaScript: cooked и raw строки, кеш WeakMap, безопасный HTML, SQL и примеры мини DSL.
LLM Harnesses: Почему обёртка важнее модели
На успех агента влияют не только модели, но и LLM-harness. Оркестрация, инструменты, контекст и проверка.
Обработка видео в реальном времени с помощью WebCodecs API
Обработка видео WebCodecs с MediaStreamTrackProcessor, TransformStream и VideoTrackGenerator, плюс close кадров, backpressure, worker и поддержка браузеров.
5 вещей, для которых вам не нужен React
Пять нативных API браузера заменяют частые React-компоненты: dialog, Popover, Custom Elements, container queries и View Transitions.
Как Dockerize-ировать приложение на Bun
Соберите Bun-приложение в Docker: production-Dockerfile, .dockerignore, привязка 0.0.0.0, healthchecks, Compose и graceful SIGTERM.
Используют ли кто-то ещё полифилы в 2026 году?
Polyfills в 2026? Проверьте core-js, Browserslist и Babel, уберите лишнее, оставьте Temporal и откажитесь от polyfill.io.
Понимание `infer` в TypeScript
infer в TypeScript: как условные типы извлекают типы возврата, элементы массивов, кортежи, шаблонные литералы и Awaited.
Интересные возможности Web Serial API
Примеры Web Serial API для мониторов, прошивальщиков, потоков G-code, телеметрических панелей, дисплейных контроллеров и интерфейсов настройки.
Как создать загружаемый файл в браузере
Создавайте загрузки в браузере с Blob, object URL и ссылками download, а также исправляйте cross-origin файлы, BOM в CSV, iOS Safari и потоковую выгрузку.
Работа с типизированными CSS-переменными с помощью @property
Типизированные CSS-переменные с @property: валидируйте custom properties, плавно анимируйте значения и разберитесь в тихом fallback, синтаксисе и поддержке.
Исследуем Ladybird: браузерный проект без Chromium
Ladybird — браузерный движок без Chromium, созданный с нуля: архитектура, миграция на Rust, прогресс WPT и план альфа-версии 2026.
Практическое применение !important в современном CSS
Практическое применение !important в современном CSS: reduced-motion для доступности, переопределение сторонних стилей, утилиты и отладка каскада.
Почему Remix 3 проектируется с расчётом на AI-агенты для написания кода
Remix 3 и AI coding agents: почему фреймворк включает agent skills, ясные API и runtime-first дизайн для удобной генерации кода LLM.
5 менеджеров версий, которые должен знать каждый разработчик
Сравните nvm, pyenv, rustup, mise и SDKMAN! для управления версиями, привязки к проектам, CI-паритета и выбора нужного инструмента.
Отладка нестабильных CSS-анимаций с помощью DevTools
Отлаживайте дергающиеся CSS-анимации в Chrome DevTools с панелями Rendering, Performance, Animations и Layers, чтобы найти причину пропуска кадров.
Локально-ориентированная архитектура для прогрессивных веб-приложений
Local-first-архитектура для PWA: как service worker, IndexedDB или SQLite и sync-движки делают данные офлайн, согласованными и принадлежащими пользователю.
Автоматизация проверки безопасности npm-пакетов с помощью npq
Автоматизируйте проверки безопасности пакетов npm с npq до установки: pre-commit hooks, алиасы npm, поддержка pnpm и эвристический аудит.
Трюки оптимизации производительности фронтенда, о которых мы забыли
Техники frontend-производительности по-прежнему важны: размеры изображений, font-display, preconnect, lazy loading, defer, async и throttling.
Создание видео с помощью Claude Code и Remotion
Руководство по Claude Code и Remotion: генерация MP4 из промптов, чтение математики кадров, исправление Sequence и отладка рендеров в Studio.