Из блога OpenReplay
Как клонировать любой веб-сайт в React-приложение с помощью Open Lovable
Клонирование веб-сайтов в React-приложения с помощью Open Lovable, Firecrawl и моделей Claude или Groq для генерации TypeScript-компонентов с Tailwind CSS.
Начало работы с HonoJS для создания легковесных веб-API
Статья охватывает создание лёгких веб-API с HonoJS: настройку маршрутов, добавление middleware и деплой одного кода на Node.js, Bun и Cloudflare Workers.
Как отключить оповещения Dependabot для репозитория GitHub
Отключение оповещений Dependabot, обновлений безопасности и версий для репозиториев GitHub через интерфейс настроек или конфигурационные файлы.
Обновления Svelte и SvelteKit: Обзор лета 2025
Разбор async-компонентов, Remote Functions и системы реактивности Runes в Svelte 5 для уверенной миграции проектов и разработки full-stack приложений.
Распространенные проблемы доступности модальных окон (и способы их решения)
Ошибки доступности модальных окон в управлении фокусом, ARIA-атрибутах и навигации с клавиатуры поддаются исправлению; статья показывает, как строить диалоги для всех пользователей скринридеров.
Начало работы с GitHub Copilot в 2025 году
Статья охватывает установку GitHub Copilot в VS Code, сравнение с ChatGPT и обзор тарифных планов, включая бесплатный вариант для работы с ИИ-ассистентом.
Выбор подходящей JavaScript-библиотеки для построения графиков
Сравнение Chart.js, D3.js, ECharts, ApexCharts и Highcharts по рендерингу, производительности и сценариям применения для выбора подходящей библиотеки.
Что нового в Vite 7: Rust, Baseline и не только
Vite 7 представляет Rolldown, Rust-бандлер, поддержку Baseline для таргетинга браузеров и ESM-first режим Node.js для более быстрых production-сборок.
Как запускать TypeScript нативно в Node.js
Запуск TypeScript нативно в Node.js без инструментов транспиляции: type stripping, поддерживаемый синтаксис, настройка tsconfig и шаги миграции с ts-node.
5 AI-инструментов, которые должен попробовать каждый Frontend-разработчик
Пять AI-инструментов, в том числе Cursor, v0 by Vercel, Bolt.new и Applitools, охватывают написание кода, прототипирование и визуальное тестирование в frontend.
Введение в WebGL для фронтенд-разработчиков
Статья охватывает рендеринг WebGL-графики в браузере с GPU-ускорением, шейдерами и библиотеками Three.js и Babylon.js для создания визуальных веб-приложений.
Простое введение в View Transitions API в браузере
View Transitions API позволяет создавать плавные анимации переходов без сторонних библиотек; применяется в SPA и MPA через CSS и минимум JavaScript.
Как интегрировать ShadCN с Next.js
Интеграция Shadcn UI в проект Next.js с Tailwind CSS, тёмной темой через next-themes и совместимостью с React 19 выполняется пошаговой настройкой через CLI.
Улучшение области касания для лучшего мобильного UX
Улучшение мобильных tap-целей через Apple HIG, Material Design dp, эргономику зон большого пальца и аналитику rage tap для снижения промахов.
Советы и приемы для отладки Service Workers
Статья охватывает устранение ошибок регистрации service worker, проблем с кешем и задержек обновлений с помощью панелей DevTools в Chrome, Firefox и Safari.
Предотвращение XSS в пользовательском контенте
Защита от XSS-атак в пользовательском контенте с применением allowlist-валидации, кодирования вывода и DOMPurify в приложениях на React, Vue и Angular.
Использование TanStack Query для более умной загрузки данных в React
TanStack Query управляет кэшированием, повторными запросами и инвалидацией в React-приложениях, заменяя ручную логику состояния декларативным подходом.
Руководство для начинающих по разработке local-first приложений
Статья охватывает local-first принципы, RxDB, Yjs и стратегии синхронизации, а также разрешение конфликтов и компромиссы при управлении данными.
React и TypeScript: Общие паттерны для более чистого кода
Типизация пропсов React, обработка событий с refs и применение utility types на практических примерах TypeScript делают компоненты надёжнее и проще в поддержке.
Как развернуть GPT-OSS от OpenAI на собственном оборудовании
Развёртывание GPT-OSS на локальном оборудовании с помощью Ollama, настройка параметров модели и подключение приложений через совместимый с OpenAI API эндпоинт.
5 техник для улучшения производительности фронтенда
Пять техник охватывают оптимизацию изображений, сокращение JavaScript, кэширование, критический CSS и lazy loading для снижения времени загрузки.
Создание гибких веб-компонентов с помощью слотов
Статья рассматривает создание веб-компонентов с применением слотов, shadow DOM и именованных паттернов для передачи структурированного контента в переиспользуемые UI-карточки.
Основные расширения VS Code для фронтенд-разработчиков
Расширения Prettier, ESLint, GitLens, Tailwind CSS IntelliSense и сниппеты React ускоряют фронтенд-разработку в VS Code и помогают выявлять ошибки быстрее.
Начало работы с Iterator Helpers в JavaScript
Iterator helpers в JavaScript реализуют ленивые вычисления для больших наборов данных, позволяя обрабатывать бесконечные последовательности и потоки paginated API без переполнения памяти.