Из блога OpenReplay
Использование CSS-функции if() для условной стилизации
Функция CSS if() добавляет встроенную условную логику к значениям свойств; статья охватывает синтаксис, типы запросов и примеры тематизации для Chrome 137 и Edge 137.
llms.txt: Новый способ для ИИ читать ваш сайт
Стандарт llms.txt помогает ИИ-краулерам ChatGPT и Claude приоритизировать контент сайта, отличаясь по структуре и назначению от robots.txt и sitemap.xml.
Почему разработчики переходят на shadcn/ui в React-проектах
Сравнение компонентов shadcn/ui с Material-UI и Chakra UI: CLI-scaffolding, примитивы Radix UI и интеграция с Tailwind CSS для гибкой кастомизации.
Универсальные маршруты для обработки 404 ошибок в React Router
Wildcard-маршруты в React Router v6 обрабатывают несовпадающие URL, отображают страницы 404 и выполняют перенаправления через компонент Navigate.
Отмена HTTP-запросов в полёте с помощью AbortController
AbortController и AbortSignal позволяют отменять fetch-запросы при вводе в поиске, размонтировании компонентов и таймаутах, исключая устаревшие данные в UI.
Как выполнять запросы к DOM в React Testing Library
Сравнение методов getBy, findBy и queryBy в React Testing Library для написания надёжных тестов компонентов: синхронные, асинхронные и условные элементы DOM.
Отправка фоновых данных с помощью Beacon API
Beacon API и navigator.sendBeacon() обеспечивают надёжную отправку фоновых данных; стратегии батчинга позволяют отслеживать аналитику без блокировки навигации.
Советы по улучшению навигации с клавиатуры в веб-приложениях
Исправление порядка Tab, захват фокуса в модальных окнах и ARIA-атрибуты с семантическим HTML делают веб-приложения доступными с клавиатуры.
Основные возможности ES2025: JSON-модули, помощники итераторов и многое другое
JSON-модули, помощники итераторов, методы Set и RegExp.escape решают практические задачи в JavaScript с нативной поддержкой в браузерах и Node.js.
Biome: Универсальный инструментарий для современных фронтенд-проектов
Сравнение Biome с ESLint и Prettier: как этот основанный на Rust инструментарий объединяет линтинг, форматирование и организацию импортов во фронтенд-проектах.
10 практических алиасов ZSH для ускорения рабочего процесса разработчика
10 практических алиасов Zsh для Git, NPM, Docker Compose и навигации помогают устранить повторяющиеся команды терминала и ускорить рабочий процесс разработчика.
Настройка терминала с помощью тем и плагинов Oh My Zsh
Настройка терминала с помощью тем Oh My Zsh, таких как Powerlevel10k, и плагинов вроде zsh-autosuggestions помогает оптимизировать рабочий процесс разработчика.
Как установить и настроить ZSH в качестве оболочки по умолчанию
Установка ZSH как оболочки по умолчанию на macOS и Linux, настройка плагинов Oh My ZSH, подсветка синтаксиса и tab completion для работы в терминале.
Нативная ленивая загрузка изображений с помощью HTML
Атрибут loading обеспечивает ленивую загрузку изображений без JavaScript; правильное использование повышает производительность и предотвращает сдвиги макета.
Основные команды curl, которые должен знать каждый веб-разработчик
Тестирование API через командную строку ускоряется с ключевыми командами curl: GET, POST, заголовки, аутентификация, таймауты и отладка для веб-разработчиков.
SolidJS vs React: Сравнение компонентных моделей и производительности
Сравнение компонентных моделей, систем реактивности и производительности рендеринга SolidJS и React для выбора фронтенд-фреймворка.
Практическое использование NPM-скриптов за пределами простых команд Build и Start
NPM-скрипты охватывают линтинг, тестирование и релизы, а инструменты cross-env и rimraf обеспечивают единообразие рабочих процессов на разных платформах.
Оживите ваш интерфейс с помощью ScrollTrigger анимаций в GSAP
Создание scroll-driven анимаций с помощью плагина ScrollTrigger из GSAP: scrubbing, pinning и parallax-эффекты, естественно реагирующие на прокрутку страницы.
Zustand vs Jotai: Выбор правильного менеджера состояния для вашего React-приложения
Сравнение Zustand и Jotai по производительности, поддержке TypeScript и ментальным моделям для выбора библиотеки управления состоянием в React-проекте.
Обработка форм на чистом JavaScript: без фреймворков
Статья показывает, как перехватывать отправку форм, валидировать данные через HTML5-ограничения и считывать значения полей с помощью FormData API.
Начало работы с Nx для управления монорепозиторием
Настройка рабочего пространства Nx, управление React-приложениями, совместные библиотеки и оптимизация сборки через кэширование и affected-команды.
.env файлы и искусство не коммитить секреты
Хранение API-ключей и учётных данных баз данных в env-файлах, загрузка через dotenv в Node.js и исключение секретов из системы контроля версий.
Rem против Px: Когда и как использовать каждую единицу в современном CSS
Сравнение единиц rem и px в CSS, анализ компромиссов с доступностью и применение техники 62.5% для создания масштабируемых адаптивных макетов.
Оптимизация API-вызовов в React: объяснение стратегий дебаунсинга
Дебаунсинг API-вызовов в React через useCallback и кастомные хуки сокращает лишние запросы и предотвращает утечки памяти при отсутствии очистки таймаутов.