Из блога OpenReplay
Внутри AST: Как инструменты понимают код
Абстрактные синтаксические деревья лежат в основе ESLint, Prettier и Babel; парсеры строят узлы для линтинга, форматирования и трансформации кода.
Когда может понадобиться BigInt в JavaScript?
BigInt в JavaScript решает проблему скрытой потери точности для чисел за пределами безопасного диапазона Number, больших ID и 64-битных значений WebAssembly.
Начало работы с Valibot
Валидация runtime-данных в TypeScript с помощью Valibot: определение схем, вывод типов и построение composable-пайплайнов при минимальном размере бандла.
Настройка TypeScript-приложения с Bun
Настройка TypeScript-проекта с Bun позволяет пропустить шаг сборки и запускать файлы напрямую, используя единый runtime и пакетный менеджер.
Преобразование Git-репозиториев в текст для LLM: краткое руководство
Gitingest, Repomix и repo2txt конвертируют Git-репозитории в структурированный текст для LLM, передавая отфильтрованный код в AI-модели без лишних токенов.
Использование Battery Status API в веб-приложениях
Battery Status API открывает JavaScript доступ к уровню заряда и состоянию зарядки; статья рассматривает создание адаптивных приложений с учётом поддержки браузеров и приватности.
Добавление анимаций с помощью плагинов Tailwind CSS
Обзор способов добавления анимаций в Tailwind CSS: встроенные утилиты, плагины и пользовательские keyframes в v4, с учётом требований доступности.
Безопасная обработка пользовательского ввода в Node.js
Zod, параметризованные запросы и явные аргументы блокируют SQL-инъекции, prototype pollution и атаки mass assignment в Node.js.
Первый взгляд на HTML Sanitizer API
HTML Sanitizer API встраивает защиту от XSS в браузер; рассматриваются безопасные методы, DOMPurify и настройка списков разрешённых элементов.
Как найти DOM-элементы по тексту
Статья рассматривает фильтрацию через querySelector, обход TreeWalker и XPath с document.evaluate для выбора DOM-элементов по текстовому содержимому.
Лучшие CDN для современных веб-приложений
Сравнение Cloudflare Workers, Fastly Instant Purge, AWS CloudFront и Akamai Ion помогает выбрать подходящий CDN для фронтенд-архитектуры и edge-логики.
Начало работы с Laravel Livewire
Livewire позволяет строить динамические UI на Laravel через PHP-компоненты и Blade-шаблоны с автоматической валидацией форм и реактивными обновлениями DOM.
Изучаем CSS-функцию random()
CSS-функция random() генерирует числовые значения прямо в стилях, заменяя JavaScript для визуации; поддерживает синтаксис, ключи кэша и fallback-значения.
Стилизация элементов Select с помощью современного CSS
Стилизация select через appearance none и base-select, применение clip-path и focus spans с прогрессивным улучшением в браузерах средствами CSS.
Real-Time UX с расширением htmx SSE
Расширение SSE для htmx позволяет добавить real-time интерфейс в проекты, используя server-sent events и HTML-атрибуты без подключения JavaScript-фреймворков.
Почему следует быть осторожным с оператором `!` в TypeScript
Оператор ненулевого утверждения в TypeScript заглушает компилятор без защиты во время выполнения, превращая ошибки компиляции в трудноотслеживаемые null-сбои.
Относительный синтаксис цвета в CSS: подробное объяснение
Относительный синтаксис цвета в CSS позволяет получать тинты, тени и варианты прозрачности из одного исходного цвета с помощью OKLCH и других цветовых функций.
Написание более чистых асинхронных цепочек с Promise.try
Promise.try перехватывает синхронные исключения как rejection, сохраняя цепочки чистыми; рассматриваются альтернативы и паттерны условной загрузки данных.
Что такое Babylon.js? Краткое введение
Babylon.js - JavaScript-движок для 3D с открытым кодом на базе WebGL и WebGPU. Статья показывает отличия от Three.js и возможные сценарии применения.
Понимание динамических единиц viewport в CSS
CSS-единицы svh, lvh и dvh устраняют обрезку макета браузерным chrome на мобильных устройствах и позволяют выбрать нужную единицу для адаптивных макетов.
Как защитить сайт на WordPress
Защита сайта на WordPress включает обновление плагинов, включение 2FA, настройку прав доступа к файлам и развертывание WAF, например Cloudflare или Wordfence.
Что находится внутри HTTP-ответа?
HTTP-ответы состоят из строки статуса, заголовков и тела; знание каждой части помогает отлаживать запросы в DevTools и грамотно обрабатывать результаты fetch.
Аргументы в пользу чистого JavaScript вместо фреймворков
Разбор сценариев, в которых vanilla JavaScript, Web Components, ES modules и нативные браузерные API превосходят React или Vue для конкретных frontend-проектов.
Скрытые возможности Chrome DevTools
Возможности Chrome DevTools за пределами основ: CSS Overview, Logpoints, вкладка Coverage и отладка Layout Shift для улучшения производительности.