Из блога OpenReplay
Создание таблицы данных с TanStack Table
Создайте data grid на TanStack Table с сортировкой, фильтрацией, пагинацией и виртуализацией, а также исправьте баги мемоизации и бесконечные рендеры.
Plan Mode в Claude Code для сложных задач
Plan Mode в Claude Code: как работает, 4 способа включения, ограничения только для чтения, рабочий процесс и когда его пропустить для простых правок.
Добавление интернационализации в React-приложение
Настройте интернационализацию React с react-i18next: интерполяция, множественное число, RTL, локальные форматы и SSR в Next.js.
Motion vs GSAP: нужны ли вам обе библиотеки?
Motion vs GSAP для React: сравнение декларативной анимации, scroll timelines, лицензий, производительности и случаев, когда нужны оба.
Как сохранять состояние в localStorage с помощью React
Сохраняйте состояние React в localStorage с помощью переиспользуемого хука: ленивый useState, JSON try/catch, SSR-защита и синхронизация вкладок.
Понимание нотации CIDR и диапазонов IP-адресов
Объяснение CIDR, IP-диапазонов и расчета подсетей для IPv4 и IPv6. Как читать префиксы, задавать размер сети и избегать пересечений и открытых правил.
Редактирование в браузере с помощью contentEditable
Редактирование contenteditable в браузере: включите встроенное редактирование текста, ловите input и избегайте ограничений execCommand и XSS.
5 JavaScript API, которые должен знать каждый frontend-разработчик
5 нативных JavaScript API для frontend: IntersectionObserver, ResizeObserver, AbortController, Clipboard API и View Transitions.
Как исправить ошибку 'ERR_TOO_MANY_REDIRECTS'
Исправьте ERR_TOO_MANY_REDIRECTS с помощью руководства по диагностике циклов редиректа, ошибок HTTP и HTTPS, SSL Cloudflare и настроек прокси.
Использование AI-агентов для автоматизации рутинных задач проекта
Используйте Claude Code skills, чтобы автоматизировать повторяющиеся задачи проекта, описать setup и deploy и сделать рабочие процессы надежными.
Тестирование компонентов на основе API в Storybook
Используйте MSW в Storybook 10 для тестирования API-компонентов в состояниях загрузки, ошибки, пустого ответа и успеха, затем превращайте истории в тесты.
Распространённые сокращённые свойства CSS
Шпаргалка по CSS shorthand для margin, padding, border, font, background и flex: правила сброса, порядок значений и скрытые ошибки.
Работа с геометрией в браузере с помощью Geometric.js
Geometric.js добавляет в браузерные графики и карты пересечение полигонов, bounds, point-in-polygon и интерполяцию путей для SVG и Canvas.
3 системы типов, которые не являются TypeScript
Сравните JSDoc + @ts-check, ReScript и Flow как альтернативы TypeScript для JavaScript: безопасность типов, сборка и актуальность.
MDN теперь является MCP-сервером
Сервер MCP от MDN дает ИИ-агентам доступ к поиску, документации и данным о совместимости браузеров, а также к настройке и ограничениям.
Что такое bunx и когда его использовать
bunx простыми словами: как Bun запускает npm-утилиты без глобальной установки, когда нужен --bun и когда npx безопаснее.
Как обрезать текст с помощью CSS
Обрезайте текст в CSS с text-overflow: ellipsis для одной строки или line-clamp для нескольких, плюс исправления для flex и grid.
5 полезных букмарклетов для разработчиков
Пять полезных bookmarklets для разработчиков: live-редактирование страниц, отладка layout, показ паролей, выбор цвета и запуск eruda на мобильных.
Тестирование компонентов Svelte 5 с помощью Vitest
Тестируйте компоненты Svelte 5 с Vitest через mount, testing-library или browser mode, а также с правильной настройкой runes, эффектов и snippets.
Начало работы с npm Workspaces
Настройка, команды и ограничения npm workspaces: управляйте монорепо, связывайте соседние пакеты и понимайте, когда добавить Turborepo или Nx.
Как создать резервную копию сайта на WordPress
Создайте резервную копию WordPress с mysqldump, tar, cron и rclone. Разбирает файлы, базу MySQL, хранение вне сервера и проверку восстановления.
Автоматические проверки кода с помощью CODEOWNERS
Настройте GitHub CODEOWNERS, избегайте скрытых сбоев и включите code review через правильные шаблоны, права и защиту веток.
Рецензирование AI-сгенерированного кода с помощью Difftastic
Используйте Difftastic для проверки кода от ИИ с структурными diff, настройки в git и отделения изменений поведения от форматирования.
3 JavaScript-ловушки с объяснением
Три ловушки JavaScript: ошибки с плавающей точкой, проверки NaN и await в циклах, с правильными способами исправления.