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

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

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

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

• Инновация 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), с критикой в адрес создания "велосипедов" для малого бизнеса.

Финальная аналитика

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

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

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