Frontend Portal

Последние публикации канала «Frontend Portal»

1. 2.3K просмотров, 15 реакций, 16 июл. 2026 г.

   Вышел ReactBench - открытый бенчмарк для оценки ИИ-агентов на реальных задачах с React Даже если модель успешно проходит тесты, это не означает, что её код готов к продакшену. В ходе тестирования все модели допускали типичные React-проблемы: лишние useEffect , снижение производительности и утечки памяти. У некоторых моделей количество таких ошибок достигало примерно 67 на 100 запусков. Основные результаты: GPT 5.6 Sol xhigh показала лучший результат в целом; GPT 5.6 Terra medium - оптимальное соотношение цены и качества; Claude Fable 5 работает на уровне Sol, но в среднем стоит в шесть раз…

   Открыть пост в MAX
2. 3.1K просмотров, 70 реакций, 15 июл. 2026 г.

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

   Открыть пост в MAX
3. 2.7K просмотров, 15 реакций, 15 июл. 2026 г.

   NAITION AI: Спрос на разработку с ИИ-агентами вырос в сотни раз за год . Свежий Stanford AI Index 2026 показал, что навык AI Agents стал №1 среди самых востребованных инженерных скиллов. • Упоминания «Agentic systems» в вакансиях за год выросли на 10854% (!) — это не опечатка. • «AI agents» — +2113%. • Вывод простой: компаниям массово нужны не «написатели кода», а архитекторы мультиагентных систем.Главный скилл в 2026 году — строить долгоживущие автономные процессы, управлять контекстом и верифицировать работу десятков агентов. Рынок можно догнать! Naition запускает новый, обновленный в июле…

   Открыть пост в MAX
4. 3.2K просмотров, 58 реакций, 15 июл. 2026 г.

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

   Открыть пост в MAX
5. 3.3K просмотров, 26 реакций, 15 июл. 2026 г.

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

   Открыть пост в MAX
6. 3.5K просмотров, 23 реакций, 15 июл. 2026 г.

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

   Открыть пост в MAX
7. 3.7K просмотров, 29 реакций, 14 июл. 2026 г.

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

   Открыть пост в MAX
8. 3.5K просмотров, 7 реакций, 14 июл. 2026 г.

   🔍 Тестовое собеседование на Frontend-разработчика со старшим разработчиком ex. Сбер 16 июля(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика. Как это будет: 📂 Даниил Дмитриев, старший разработчик в R-Vision, ex. TeamLead в Сбер, будет задавать реальные вопросы и задачи разработчику-добровольцу 📂 Даниил будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью 📂 В конце можно будет задать любой вопрос Даниилу Это бесплатно. Эфир проходит в рамках…

   Открыть пост в MAX
9. 3.6K просмотров, 16 реакций, 14 июл. 2026 г.

   Поддержка 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 , а также дополнительно форматирует вывод,…

   Открыть пост в MAX
10. 3.6K просмотров, 15 реакций, 14 июл. 2026 г.

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

    Открыть пост в MAX
11. 3.9K просмотров, 35 реакций, 14 июл. 2026 г.

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

    Открыть пост в MAX
12. 3.2K просмотров, 14 реакций, 09 июл. 2026 г.

    Откопал годное расширение , которое позволяет запускать модели Ollama, такие как DeepSeek, Llama и Qwen, прямо внутри GitHub Copilot Chat 👍 → использование локальных AI-моделей в VS Code → поддержка tools, MCP и vision → AI-автодополнение кода прямо в редакторе → переключение между моделями без выхода из редактора По сути, это превращает Copilot Chat в локальную AI-песочницу ➡️ @FrontendPortal

    Открыть пост в MAX
13. 3.1K просмотров, 6 реакций, 09 июл. 2026 г.

    Ребят, тут Авито регистрацию на свой первый CTF открыл с призами до 300 000 рублей на команду 📍 AvitoTech устраивает CTF онлайн с денежным призовым фондом, мерчем и интересными тасками! Регистрация команд уже открыта по ссылке , а ниже собрали инфу, что предстоит делать во время HoneyBadger CTF AvitoTech. Возьмите на себя роль медоеда, проверьте защиту пчелиного улья и найдите все скрытые уязвимости в сотах. Чего ждать от турнира: тасков на веб-уязвимости, инфраструктурных мисконфигов, анализа скомпилированного кода, расследования инцидентов, слабостей шифров, всего, что требует хакерской…

    Открыть пост в MAX
14. 3.4K просмотров, 72 реакций, 09 июл. 2026 г.

    Как джуны и сеньоры разбираются со своими тасками ➡️ @FrontendPortal

    Открыть пост в MAX
15. 3.2K просмотров, 39 реакций, 09 июл. 2026 г.

    Когда вы применяете border-radius для двух вложенных элементов, может возникнуть соблазн применить одно и то же значение, но это не самый приятный с визуальной точки зрения вариант! Вместо этого используйте эту формулу для расчета внешнего радиуса: внутренний радиус + padding Можно использовать кастомные свойства, чтобы определить радиус вложенности элементов .parent { --nested-radius: calc(var(--radius) - var(--padding)); } .nested { border-radius: var(--nested-radius); } ➡️ @FrontendPortal | #CSS

    Открыть пост в MAX