Из блога OpenReplay
JavaScript-объекты 101: Строительные блоки вашего кода
Статья охватывает объекты JavaScript, цепочки прототипов и современные методы Object.groupBy и Object.hasOwn для написания эффективного кода.
Распространённые ошибки при работе с JSX и способы их избежать
Статья разбирает типичные ошибки JSX в React Server Components и автоматическом рантайме: нестабильные ключи, инлайн-функции и нарушения условного рендеринга.
Пять встроенных API Node.js, которые заменяют npm-пакеты
Пять встроенных API Node.js заменяют пакеты axios, Jest, rimraf, uuid и ws, сокращая зависимости без потери функциональности в современных проектах.
Как эффективно управлять состоянием в Angular
Выбор между Angular Signals, RxJS-сервисами, NgRx и SignalStore на основе практического подхода с учётом области состояния и потребностей приложения.
Понимание индексирования баз данных для повышения производительности
Ускорение запросов достигается освоением B-tree, составных и покрывающих индексов в PostgreSQL и MySQL с учётом рисков избыточного индексирования.
Руководство по Cloudflare Workers для начинающих
Статья охватывает разработку full-stack приложений с Cloudflare Workers: базы данных D1, Hyperdrive, статические ресурсы и совместимость с Node.js на edge.
Поля-ловушки (Honeypot) 101: Останавливаем ботов без CAPTCHA
Поля-ловушки блокируют спам в формах без CAPTCHA, перехватывая ботов через скрытые поля; для полной защиты требуется серверная валидация и rate limiting.
Начало работы с Nuxt.js
Создание первого приложения на Nuxt 4 с Vue 3, Vite, TypeScript и Nitro, файловой маршрутизацией, SSR, composables и вариантами развёртывания.
normalize.css: Простой способ обеспечить согласованность стилей
normalize.css создаёт единую CSS-базу во всех браузерах, не сбрасывая стандартные стили. Статья показывает интеграцию через CSS layers для контроля каскада.
Понимание ролей доступности в HTML
Роли доступности в HTML сообщают вспомогательным технологиям назначение элементов; охватываются ARIA-роли, семантический HTML, тестирование в NVDA и VoiceOver.
Как добавить фавикон на ваш сайт
Статья показывает, как настроить набор фавиконов с использованием SVG, PNG, Apple Touch Icon и web manifest для корректного отображения сайта во всех браузерах.
Как создать переключатель темного режима с помощью CSS и JavaScript
Реализация переключателя тёмного режима на CSS custom properties и JavaScript с определением системных предпочтений и сменой темы без мерцания.
Когда запускать ваш код: объяснение событий загрузки страницы
Сравнение DOMContentLoaded, события load, Page Visibility API и React useEffect помогает выбрать подходящий хук инициализации JavaScript для любого проекта.
Приносим ИИ в вашу командную строку с Cursor CLI
Cursor CLI позволяет генерировать React-компоненты, обновлять конфигурации Vite и автоматизировать frontend-задачи прямо в терминале, не переключая инструменты.
Изучаем Zed: новый редактор с открытым исходным кодом для современных разработчиков
Zed - редактор на Rust с открытым исходным кодом, GPU-ускорением, поддержкой TypeScript, инструментами ИИ и встроенной совместной работой в реальном времени.
Как создать индикатор прогресса загрузки с помощью JavaScript
Статья показывает, как создать индикатор прогресса загрузки с XMLHttpRequest, семантическим HTML и ARIA-атрибутами для визуальной обратной связи.
Лучшие плагины Tailwind для ускорения разработки
Сравнение ведущих плагинов Tailwind CSS для типографики, форм, анимации и RTL-поддержки поможет выбрать подходящие инструменты для ускорения разработки.
Как установить и настроить темы VS Code
Установка тем VS Code из Marketplace и настройка цветов интерфейса и подсветки синтаксиса через settings позволяют создать персонализированную среду разработки.
Объявление переменных в JavaScript: разбираемся с var, let и const
Сравнение var, let и const по области видимости в ES6, hoisting и Temporal Dead Zone позволяет писать JavaScript-код без ошибок с понятным намерением.
Начало работы с Aider: программирование с ИИ из терминала
Настройка Aider для LLM-парного программирования из терминала: управление git-коммитами, настройка API-ключей и оптимизация затрат на токены.
Краткое руководство по MIME-типам и заголовкам Content-Type
Корректная настройка заголовков Content-Type исправляет проблемы с CSS, JSON и JavaScript; заголовок X-Content-Type-Options предотвращает MIME sniffing.
Как отлаживать утечки памяти в JavaScript
Отладка утечек памяти в JavaScript через heap-снимки Chrome DevTools, временные шкалы выделения и анализ retainer path для поиска типичных утечек.
Создание гибких отступов и контейнеров с помощью CSS Clamp
Статья показывает, как строить плавные адаптивные макеты с CSS clamp для отступов и контейнеров без лишних медиазапросов; рассматриваются математика, паттерны и поддержка браузерами.
Понимание CORS: Почему ваш запрос не прошёл
Разбор ошибок CORS через Same-Origin Policy, preflight-запросы и браузерную проверку cross-origin заголовков позволяет эффективно диагностировать сбои запросов.