Ключевые события и тренды
Live discussions:
● "Война" фреймворков и роль AI в разработке и дизайне ↳ Community pulse (chats): Дискуссия в сообществе React, начавшаяся с вопроса молодого разработчика React, быстро переросла в жаркие дебаты о преимуществах и недостатках основных фреймворков, а также о влиянии AI на разработку.
- Дилемма React vs Vue (и немного Angular):
- Синтаксис и структура: критикует Vue за "уебищный синтаксис с кодом и html в одном файле", в то время как защищает строгую сегрегацию в Vue и называет JSX в React "размазанным" по файлу. также отмечает, что "в jsx у тебя куча компонентов в одном файле и код шаблона, размазанный по всей функции. Ммм кайф".
- Developer Experience (DX) и "магия": считает, что в React "магии гораздо меньше", а парирует, что "магией называют то что люди не понимают" и критикует React за "парашно сделанные" контексты для стейт-менеджмента. Обсуждаются возможности Vue по легкому переносу логики из компонентов в композаблы/сторы без переписывания, чего нет в React. ставит под сомнение понятие "магии" во фреймворках, утверждая, что это их основная задача — объединять инструменты.
- Популярность и рынок труда: и ссылаются на статистику вакансий и популярность React. утверждает, что популярность не равнозначна качеству фреймворка, а скорее является результатом "простоты совсем для дебилов и вендерлока".
- Влияние Laravel на Vue: упоминает, что Vue стал частью "большой тройки" благодаря пиару Laravel в свое время.
- Angular: отмечает хорошее развитие Angular в последние 3 года, но подчеркивает его корпоративную природу, в то время как считает его "залупой для энтерпрайза" в старых версиях.
- AI как инструмент разработки:
- Генерация кода: предлагает измерять качество фреймворка по тому, как на нем пишет AI. выражает скепсис по поводу качества AI-генерированного кода на хуках в React, отмечая, что "она такой адский говнокод на хуках крутит".
- Дизайн и UX: Обсуждается возможность AI генерировать качественный дизайн и интерфейсы. делится опытом создания красивого интерфейса админ-панели с помощью AI, используя референсы. подтверждает успешный опыт генерации лендингов по скриншотам и описаниям. отмечает продвинутые возможности Claude в работе с Figma.
- Будущее фреймворков и AI: считает, что через 5 лет все текущие фреймворки устареют, в то время как другие участники приводят в пример долговечность PHP/Wordpress. Общая мысль: "писать код не через ИИ зашквар в 2026".
- Карьерные перспективы: отмечает, что Angular/Node.js проекты могут быть проще для входа из-за меньшего числа "вкатунов". и предупреждают о ловушках "на первое время" с легаси-проектами.
● Оптимизация производительности: Astro + Preact против Next.js ↳ Community pulse (chats): поделился успешным опытом внедрения Astro + Preact для сайта, достигнув 100/100 по Lighthouse performance. Это стало возможным благодаря концепции "островков" для статического контента, в отличие от Next.js, где наблюдался неиспользуемый JS. усомнился в сложности сайта, но уточнил наличие тяжелых медиа.
● Проблемы реактивности TanStack Table с Vue.js
↳ Community pulse (chats):
столкнулся с проблемой, когда useVueTable из не реагирует на мутации данных в реактивном массиве Vue, предполагая, что библиотека больше адаптирована для React. предложил копировать данные, но ищет другое решение без верстки, ссылаясь на похожие проблемы на GitHub: github.com/TanStack/table/discussions/4455, github.com/TanStack/table/issues/4876.
● Дискуссия о лоадерах и пользовательском опыте загрузки ↳ Community pulse (chats): критикует долгое время загрузки и "бесячие лоадеры", предлагая показывать контент сразу с лоадерами для отдельных блоков. возражает, указывая на нестабильный интернет и неизвестную структуру страницы. резюмирует, что постепенная отрисовка страницы — плохой опыт для приложений, но приемлем для контентных сайтов с серверным рендерингом и кешированием.
● Восстановление данных с мобильных устройств ↳ Community pulse (chats): запросил помощь в поиске приложения для восстановления удаленных фото/видео. объяснил сложности восстановления на iOS (почти невозможно без iCloud) и Android (ограничения), посоветовав DiskDigger. отметил, что файлы часто остаются в облаке или корзине.
● Шаблоны Pug в Vue SFC и отсутствие подсветки в VSCode ↳ Community pulse (chats): ищет решение проблемы с отсутствием подсветки синтаксиса и хинтов для Pug-шаблонов в Vue SFC в VSCode. советует искать плагины.
● Использование shallowReactive(new Map) для кэширования в Vue.js
↳ Community pulse (chats):
интересуется, является ли shallowReactive(new Map<number, Product>()) хорошей практикой для кэширования продуктов по всему приложению. подтверждает, что это "Норм."
● Общее настроение в сообществе
↳ Community pulse (chats):
[[Канал Frontender's notes [ru]]] (forwarded by ): Пост с мемом "🤣 Мем отлично отражает настроения в сообществе прямо сейчас" с изображением, символизирующим сложности или неопределенность в разработке.
Финальная аналитика:
День в сообществах Frontend был насыщенным, доминировали жаркие дебаты и обсуждения последних технологических трендов. Центральным событием стал продолжительный и страстный "холивар" между сторонниками React и Vue (с кратким появлением Angular), который затронул все аспекты: от синтаксиса и DX до управления состоянием и будущего фреймворков. Отмечается, что многие разработчики выражают недовольство внутренними механизмами фреймворка, в то время как пользователи Vue подчеркивают его гибкость и "интуитивную реактивность".
Параллельно активно обсуждалась растущая роль искусственного интеллекта в повседневной разработке. Участники делились опытом использования AI для генерации кода и дизайна UI/UX, отмечая его впечатляющие, но пока не идеальные возможности. Высказывалось мнение, что AI может изменить критерии выбора фреймворков, сделав их способность генерировать качественный код ключевой метрикой.
Другие важные темы включали вопросы производительности (успех Astro + Preact с "островковой" архитектурой), пользовательского опыта при загрузке страниц (критика "бесячих лоадеров") и решения конкретных технических проблем (реактивность TanStack Table). Общий эмоциональный фон дня – смесь технического энтузиазма, сарказма в отношении "вражеских" фреймворков и некоторой тревоги по поводу будущего, где AI может значительно изменить ландшафт разработки. Несмотря на эмоциональность, дискуссии часто приводили к полезным обменам опытом и знаниями.