Frontend за 22.05.2026 – Новые возможности CSS…

Ключевые события и тренды

• Анонс митапа Frontend Mix от ЮMoney

  • Состоится 28 мая в Санкт-Петербурге и онлайн.
  • В программе: анализ работы браузерных вкладок (real-time), создание Spec-Driven платформы для генерации писем на базе OpenAPI, интеграция модуля шумоподавления с использованием React, WebSockets, WebRTC, а также круглый стол "AI во фронтенде: вызовы и реальность", посвященный влиянию нейросетей на рынок, разработку и образование. Требуется регистрация.
  • (идентичные посты также опубликованы в и )

• Инновация CSS: @starting-style для плавных анимаций появления элементов

  • В CSS появилась новая директива @starting-style, которая позволяет создавать "enter animations" для элементов, только что добавленных в DOM, без использования JavaScript-костылей (setTimeout, reflow-хаки).
  • Это упрощает создание анимаций для dialog, popover и при условном рендеринге, делая их более чистыми и предсказуемыми. Отмечается тенденция к переходу функционала из JS в нативный CSS.
  • 

Живые обсуждения

• Безопасность и архитектура микрофронтендов

  • ([Vue.js — русскоговорящее сообщество]) инициировал дискуссию о подключении внешних микрофронтендов с ограниченным доступом к хранилищам (localStorage, IndexDB) и взаимодействием через postMessage. Главный вопрос — как модерировать такие приложения на предмет вредоносных действий, особенно при работе с общим JSON-контекстом.
  • ([Vue.js — русскоговорящее сообщество]) подчеркнул, что валидация авторства не панацея (приведя в пример взлом TanStack) и единственный рабочий способ – отсутствие автообновлений и ручной аудит. ([Vue.js — русскоговорящее сообщество]) предложил "cooldown" для автоматических обновлений.
  • В параллельной ветке ([React — русскоговорящее сообщество]) поинтересовался, насколько микрофронтенды стали мейнстримом. ([React — русскоговорящее сообщество]) назвал это базовой архитектурой больших сервисов, в то время как ([React — русскоговорящее сообщество]) отметил обратный тренд последних двух лет, утверждая, что "наигрались с игрушками".
  • ([React — русскоговорящее сообщество]) выразил восторг от микрофронтендов при правильной настройке, а ([React — русскоговорящее сообщество]) назвал их "жестью" при неверной архитектуре.

• Слоты Vue 3 и реактивность в JSX

  • ([Vue.js — русскоговорящее сообщество]) столкнулся с проблемой проверки пустоты слота при использовании JSX в Vue 3, отмечая, что undefined интерпретируется как текстовая нода.
  • ([Vue.js — русскоговорящее сообщество]) пояснил, что объект слотов сам по себе не реактивен, и предложил не передавать слот вовсе, если он должен быть пустым, используя условный рендеринг (v-if в шаблонах или JS-логику для JSX).
  • Было подтверждено, что слоты не реактивны и не должны быть, так как они представляют фрагмент шаблона, а не данные. Дискуссия также затронула сложности миграции с Vue 2 на Vue 3, особенно при работе с легаси-кодом.

• Проблемы с React v15 и поиски тренажеров для React/JS/TS

  • ([React — русскоговорящее сообщество]) обратился за помощью с нерендерившейся кнопкой Google в React v15, работающем на Webpack 3. Эксперты ([React — русскоговорящее сообщество]) и ([React — русскоговорящее сообщество]) выразили удивление и фрустрацию от работы с классовыми компонентами в 2026 году.
  • ([React — русскоговорящее сообщество]) спросил о тренажерах с ИИ-проверкой для React/JS/TS, на что ([React — русскоговорящее сообщество]) и ([React — русскоговорящее сообщество]) предложили использовать GPT Chat, Claude AI и Hack Frontend.
  • В контексте React обсуждался и HTML in Canvas от Chrome (https://developer.chrome.com/blog/html-in-canvas-origin-trial).

• Споры о JWT, DDD и методологиях разработки

  • В Node.js-чате разгорелась жаркая дискуссия. ([Node.js — русскоговорящее сообщество]) задал вопрос о хранении JWT (localStorage vs refresh-access-token через куки).
  • ([Node.js — русскоговорящее сообщество]) дал подробный совет по хранению refresh-токена с привязкой к HTTP-only куке и добавлению различных параметров (регион, браузер, таймзона) для усиления безопасности от XSS.
  • Другая ветка, инициированная ([Node.js — русскоговорящее сообщество]), объявила DDD "мусором из жаба мира, устаревшим 20 лет назад". ([Node.js — русскоговорящее сообщество]) и ([Node.js — русскоговорящее сообщество]) выступили в защиту DDD, утверждая, что паттерн актуален для сложных логик и не привязан к языкам.
  • Обсуждались также хостеры (Hetzner), преимущества Node.js для скриптов, и подходы к тестированию и CI/CD (Jenkins, GitHub Actions).
  • Вопрос ([Node.js — русскоговорящее сообщество]) о покупке шаблона сайта быстро перешел в рекомендации использовать AI для генерации или готовые CMS (WordPress, Opencart, Joomla), с критикой в адрес создания "велосипедов" для малого бизнеса.

Social Graph

• ([Vue.js — русскоговорящее сообщество]): Initiator обсуждения безопасности микрофронтендов.
• ([Vue.js — русскоговорящее сообщество]): Эксперт, предоставивший важный контекст по безопасности и аудиту микрофронтендов.
• ([Vue.js — русскоговорящее сообщество]): Эксперт, подробно объяснивший нюансы работы со слотами Vue 3 и миграцией.
• ([Vue.js — русскоговорящее сообщество]): Initiator вопросов по Vue 3 слотам и проблемам миграции.
• ([React — русскоговорящее сообщество]): Initiator запроса помощи с легаси React-кодом.
• ([React — русскоговорящее сообщество]): Эксперт/скептик по вопросам легаси-кода React.
• ([React — русскоговорящее сообщество]): Initiator вопроса о мейнстримности микрофронтендов.
• ([React — русскоговорящее сообщество]): Эксперт, поделившийся положительным опытом работы с микрофронтендами.
• ([React — русскоговорящее сообщество]): Скептик относительно текущего тренда на микрофронтенды и DDD.
• ([Node.js — русскоговорящее сообщество]): Провокатор/эксперт/скептик, активно участвующий в большинстве дискуссий, часто с агрессивным тоном, но предоставляющий детализированные технические ответы по безопасности JWT, архитектуре и DSL.
• ([Node.js — русскоговорящее сообщество]): Initiator вопроса о тестировании, столкнулся с агрессией в чате.
• ([Node.js — русскоговорящее сообщество]): Эксперт, участвовавший в обсуждениях хостинга, готовых решений и сравнений языков.
• ([Node.js — русскоговорящее сообщество]): Initiator вопроса по безопасности JWT.
• ([Node.js — русскоговорящее сообщество]): Провокатор/скептик по DDD.
• ([Node.js — русскоговорящее сообщество]): Эксперт, отстаивающий применимость DDD и обсуждающий воркфлоу-движки.
• ([Node.js — русскоговорящее сообщество]): Эксперт, защищавший DDD и концепции DSL.
• ([Node.js — русскоговорящее сообщество]): Initiator вопроса о шаблонах сайтов.

Final analytics

День 22 мая 2026 года в Frontend-сообществе был насыщенным как с точки зрения новостных анонсов, так и активных дискуссий. Появление @starting-style в CSS предвещает дальнейшее упрощение анимаций и уменьшение зависимости от JavaScript, что является важным шагом в развитии фронтенда. Обсуждение ИИ во фронтенде на предстоящем митапе ЮMoney также отражает актуальный тренд по интеграции ИИ в разработку.

В сообществах наблюдается заметный контраст между стремлением к инновациям (CSS, AI) и решением проблем, связанных с легаси-кодом (React v15) или сложными архитектурными решениями (микрофронтенды). Дискуссии о микрофронтендах демонстрируют отсутствие единого мнения: от их признания как "базовой архитектуры" до мнения, что это "устаревающий тренд", что указывает на сложности в их имплементации и неочевидную выгоду для всех проектов.

Наиболее эмоционально заряженными были обсуждения в Node.js чате, где агрессивный тон некоторых участников, в частности ([Node.js — русскоговорящее сообщество]), создавал атмосферу, далекую от конструктивного диалога, хотя и приводил к глубоким техническим разборам вопросов безопасности (JWT), архитектурных паттернов (DDD) и выбора инструментов. Этот феномен, когда эмоциональные всплески соседствуют с экспертным знанием, является характерной чертой некоторых профессиональных онлайн-сообществ. Информационных пробелов не выявлено, все ключевые темы дня получили освещение. Вероятные последствия: дальнейшее развитие нативных CSS-возможностей, углубление дискуссий вокруг микрофронтендов и их оптимальных архитектур, а также продолжающийся поиск баланса между новыми технологиями и поддержкой существующего легаси.

Sources

• : Приглашаем на Frontend Mix — бесплатный митап ЮMoney для всех, кто интересуется фронтенд-разработкой 🤩 https://t.me/frontendnoteschannel_ru/5545
• : ⁣starting-style — правильные enter animations без JS https://t.me/frontendnoteschannel_ru/5546
• : Приглашаем на Frontend Mix — бесплатный митап ЮMoney для всех, кто интересуется фронтенд-разработкой 🤩 https://t.me/frontend_pasta/821
• → Клуб Vue.js-разработчиков
• → Клуб Vue.js-разработчиков
• → Клуб Vue.js-разработчиков
• → Клуб Vue.js-разработчиков
• → Клуб Vue.js-разработчиков
• → Клуб Vue.js-разработчиков
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → Vue.js — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• → React — русскоговорящее сообщество
• : Приглашаем на Frontend Mix — бесплатный митап ЮMoney для всех, кто интересуется фронтенд-разработкой 🤩 https://t.me/we_use_js/5305
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество
• → Node.js — русскоговорящее сообщество