Frontend Portal

Вышел ReactBench - открытый бенчмарк для оценки ИИ-агентов на реальных задачах с React Даже если модель успешно проходит тесты, это не означает, что её код готов к продакшену. В ходе тестирования все модели допускали типичные React-проблемы: лишние useEffect, снижение производительности и утечки памяти. У некоторых моделей количество таких ошибок достигало примерно 67 на 100 запусков. Основные результаты: GPT 5.6 Sol xhigh показала лучший результат в целом; GPT 5.6 Terra medium - оптимальное соотношение цены и качества; Claude Fable 5 работает на уровне Sol, но в среднем стоит в шесть раз дороже Проект открыт для контрибьюций: https://github.com/millionco/reactbench Подробнее: https://reactbench.com Блог: https://www.reactbench.com/blog ➡️ @FrontendPortal

Совет по Chrome Dev Tools Элементы, которые исчезают при потере фокуса, сложно отлаживать, потому что когда мы пытаемся их инспектировать через dev tools, страница теряет фокус, и такие элементы исчезают Мы можем избежать этого и инспектировать такие элементы, используя опцию "Emulate a focused page" в панели Styles вкладки Elements ➡️ @FrontendPortal | #tip by Shripal Soni

NAITION AI: Спрос на разработку с ИИ-агентами вырос в сотни раз за год. Свежий Stanford AI Index 2026 показал, что навык AI Agents стал №1 среди самых востребованных инженерных скиллов. • Упоминания «Agentic systems» в вакансиях за год выросли на 10854% (!) — это не опечатка. • «AI agents» — +2113%. • Вывод простой: компаниям массово нужны не «написатели кода», а архитекторы мультиагентных систем.Главный скилл в 2026 году — строить долгоживущие автономные процессы, управлять контекстом и верифицировать работу десятков агентов. Рынок можно догнать! Naition запускает новый, обновленный в июле поток буткемпа по AI-driven разработке уже 21 июля. Максимум пользы получат middle+ разработчики и команды, нацеленные на апгрейд производительности инженерного процесса. IT-специалисты других профессий тоже могут себя попробовать. За 12 недель вы встроите ИИ во все процессы: • Соберёте своё ядро — MCP под задачи, RAG, мультиагентную систему с сабагентами и оркестрацией. • Внедрите агентов в кодовые базы на 100К+ строк — автоматизируете индексацию кода, рефакторинг и изменение архитектуры. • Научитесь масштабировать AI-практики на всю команду. Ведут практики с 15-20 годами опыта: ex-Yandex Cloud, staff-инженер Google, CEO Symbioway (центр по найму разработчиков) — люди из эпицентра трансформации рынка. Формат: 17 уроков, 5 модулей, живые вечерние эфиры + практика между ними. Минимум теории, максимум разборов кейсов и групповой практики прямо на вебинаре. 👉 Забронировать место — naition.ai А по промокоду FRONTEND PORTAL для подписчиков — скидка 20% до 17 июля. Что ещё стоит знать: • Приведёте друга или коллегу — вы вместе получите доп. скидку 10% сверху (в сумме 30%). • Можно оплатить частями, а начать даже с одного модуля. • Если вы бизнес, можно прокачать всю команду разом.

Хотите убрать эффект "резиновой" прокрутки в веб-приложении? Достаточно добавить всего одну строку CSS: html, body { overscroll-behavior-y: none; } Свойство overscroll-behavior-y: none отключает вертикальный bounce-эффект при достижении верхней или нижней границы страницы, делая поведение веб-приложения более нативным и предсказуемым, особенно на мобильных устройствах. ➡️ @FrontendPortal

Делаешь сайты на фрилансе? А теперь представь: весь путь от ТЗ до сдачи проекта — на одной платформе Poehali.dev превращает текстовое описание в готовый продукт: сайт, лендинг или приложение — с бэкендом и публикацией на домен. Вёрстку, картинки, деплой берёт на себя ИИ-агент. Ты же контролируешь и правишь, где нужно. Итог: типовой лендинг — за вечер. Остальное время на новые заказы или сложные проекты с высоким чеком. Внутри: • фичи для фрилансеров — свои шаблоны, передача проекта и чат с заказчиком • шаблоны и расширения — чтобы создавать быстро, а не с нуля • хостинг — встроенные бэкенд и база данных создают не просто картинку, а рабочий сайт с мгновенной публикацией на твой домен • ИИ-агент — сам планирует, пишет и запускает, а не просто даёт ответ Работает на русском и без VPN. Подходит для лендингов курсов, портфолио и продуктовых страниц: выполняй проекты быстрее — зарабатывай больше. 👉 Попробовать бесплатно По промокоду [ LAND1T ] первый лендинг в подарок. Успей до 31.07.

Полезный AI-скилл для React-разработчиков /improve-react от Aiden Bai использует React Doctor для анализа React-кодовой базы. Инструмент помогает находить проблемные паттерны, классифицировать найденные замечания и исправлять их с помощью ИИ. Установка: npx skills add http://github.com/aidenybai/react-doctor --skill improve-react Может быть полезен тем, кто использует ИИ при разработке React-приложений и хочет автоматизировать проверку качества кода ➡️ @FrontendPortal

Meta выложила в опенсорс свою внутреннюю дизайн-систему — Astryx Её используют внутри Meta уже более 8 лет, и на ней работают 13 000+ внутренних приложений. → 150+ доступных UI-компонентов → 7 встроенных брендовых скинов → кастомизируемые темы → рассчитана как на разработчиков, так и на ИИ кодинг-агентов https://astryx.atmeta.com/ ➡️ @FrontendPortal

Поддержка TypeScript 7 в Next.js Коротко: Теперь в next@preview можно включить опцию experimental.useTypeScriptCli, чтобы использовать TypeScript 7. Подробнее: Вышел TypeScript 7 с ts-go - прирост скорости действительно впечатляет! В текущем релизе намеренно отсутствует JavaScript API. Его планируют выпустить в TypeScript 7.1. К сожалению, из-за этого TypeScript 7 в нынешнем виде ломает интеграцию с фреймворками, которые взаимодействуют с TypeScript через JS API. Next.js использует JS API, чтобы запускать TypeScript во время выполнения next build, а также дополнительно форматирует вывод, чтобы логи выглядели единообразно с остальными этапами сборки. Чтобы добавить поддержку TypeScript 7 без JS API, пришлось изменить способ запуска TypeScript: теперь вместо API напрямую используется установленная команда tsc. Это поведение доступно через экспериментальную опцию: experimental.useTypeScriptCli Изменение вошло в превью-релиз Next.js 16.3. Установить его можно командой: npm install next@preview ➡️ @FrontendPortal

16 июля встречаемся с JS‑сообществом SberProfi в Сбер.Среде. AI уже меняет JavaScript‑разработку. Вопрос не в том, заменит ли он инженеров, а в том, кто освоит его быстрее и качественнее. 🔥 Обсудим изменения на реальных кейсах от Сбера, Cloud․ru и Mish. Очные участники увидят спецформат от блогеров и пообщаются с экспертами GigaCode и GitVerse. ⏳ Начало в 17:00, встреча очных гостей - в 16:00. Количество очных мест ограничено – успейте зарегистрироваться!

В этой опенсорсной коллекции собраны одни из самых крутых эффектов переключения темы, которые я когда-либо видел Представьте, как они будут смотреться в ваших приложениях или на сайтах. Пользователи точно скажут: "Вау!" 😳 github.com/rudrodip/theme-toggle-effect ➡️ @FrontendPortal