Ключевые события и Тренды
● Anti-corruption layer на фронте: Защита UI от компромиссов API
Канал Frontend Notes опубликовал статью о важности использования Anti-corruption layer (ACL) во фронтенде. ACL выступает в качестве прослойки между API и UI, трансформируя "сырые" данные бэкенда в модель, удобную для интерфейса. Это позволяет UI оставаться чистым, снижает стоимость изменений API и уменьшает количество бизнес-логики в JSX, делая компоненты более сфокусированными на рендеринге состояния, а не на расшифровке серверных ответов. Особенно актуально для старых, нестабильных или многоисточниковых API.
● Релиз Rolldown из RC
Канал Vue.js — русскоговорящее сообщество сообщил о выходе Rolldown из стадии Release Candidate. Rolldown — это новый JS бандлер, написанный на Rust, и его выход из RC может означать появление стабильного и производительного инструмента для сборки фронтенд-приложений.
● Совет по вложенным радиусам в CSS
Канал React — русскоговорящее сообщество поделился советом💡: для лучшего внешнего вида вложенных радиусов следует устанавливать внешний радиус как сумму внутреннего радиуса и отступов. Это практический совет для улучшения дизайн-систем и точности UI-компонентов.
Живые дискуссии
Обсуждение tsrx и многофреймворковых компонентных библиотек
В чате React — русскоговорящее сообщество развернулась оживленная дискуссия вокруг tsrx — компилятора от разработчика Ripple JS, который позволяет писать компоненты, компилируемые под React, Vue, Solid и Preact.
- Инициатор: представил концепцию, позволяющую, по его словам, вызывать хуки в циклах и условиях. Он видит в этом возможность создавать библиотеки компонентов с одной кодовой базой для нескольких фреймворков.
- Спор: назвал
tsrx"заведомо мертвой шляпой", утверждая, что она привнесет "фарш в коде" и усугубит смешивание логики и разметки. выразил сильный скептицизм, назвавtsrx"птичьим языком с бесполезной компиляцией" и "хуйней", которая пытается "переизобрести" уже существующие решения, вроде Svelte, но хуже. Он подчеркнул риски инвестирования времени в быстро умирающие технологии. - Контраргументы: настаивал, что это решение проблем, с которыми сталкиваются разработчики, и отметил, что
tsrxработает как плагин в Vite на уровне сборки. уточнил, чтоtsrx- это компилятор, вынесенный из фреймворка Ripple, созданный членом кор-команд React и Svelte, пытающимся "взять лучшее". - Договоренность: и пришли к выводу, что полная мультифреймворковость не всегда нужна и полноценно не реализуется, так как API разных фреймворков уникальны. Они предложили сосредоточиться на одной ключевой реализации и использовать AI для генерации портов под другие библиотеки.
Поиск легковесной библиотеки для валидации форм в Vue.js
В чате Vue.js — русскоговорящее сообщество инициировал поиск легкой библиотеки для валидации форм на composables, предпочитая решения размером в пару килобайт.
- Предложения: предложил
Regle, а —Vee ValidateиVuelidate. - Спор: отверг
Vee Validateкак "тяжелую" (около 30кб) и построенную на компонентах, что, по его мнению, усложняет API и увеличивает вес. согласился, чтоRegleтакже нелегка и "с каждым релизом становится сложнее в плане dx". - Вывод: склонился к самостоятельному написанию валидатора из-за отсутствия подходящих легковесных решений.
Проблема подсветки активного пункта меню в Vue Router
поднял вопрос о подсветке активного пункта меню ("неподтвержденные заказы" и "подтвержденные заказы") в Vue Router при одинаковом URL /order/:id. Тип ордера становится известен только после запроса на бэкенд. Это создает проблему, так как роутер не может выбрать нужный пункт меню для подсветки, не имея информации о типе ордера в URL. Это нерешенная задача архитектуры фронтенда, которая требует обхода или изменения подхода к маршрутизации/rbac.
Медленный "холодный старт" проектов Node.js с Vite
обратился к сообществу с проблемой долгого "холодного старта" (60-70 секунд) небольших проектов Node.js, использующих Vite, при том что последующие запуски занимают 1-2 секунды. Версия Node.js — 22.14.0.
- Предложения: уточнил сборщик (Vite). рекомендовал провести план ресерча, включая ручные проверки и, при необходимости, использование AI для анализа ситуации.
- Гипотезы: и предположили "сверхмощный косяк" или очень большое количество
node_modules. высказал мнение, что больше подгружает IDE, чем сама Node.js.
Поиск фреймворков для Three.js и игровых движков на JS
интересовался фреймворками для Three.js или готовыми игровыми движками на JavaScript для создания "игрулек".
- Предложения: посоветовал использовать готовый JS-движок вместо Three.js напрямую. упомянул
Pixi.jsкак альтернативу. - Договоренность: Использование готового движка позволяет избежать "велосипедов" в абстракциях, даже если под капотом используется Three.js.
Проблемы UI/UX в Telegram и других чатах
выразил фрустрацию по поводу отсутствия таких функций в чатах, как: возможность "пушить" элементы между чатами, полноценное цитирование нескольких блоков текста и удобное оглавление для навигации по длинным обсуждениям.
- Реакция: отметил, что многие "первооткрыватели" чатов не могут осилить даже базовые функции вроде virtual scroll без лагов. рассказал о своем опыте с virtual scroll в Telegram Web, где инженерия оказалась сложной, но функциональной.
Проблема темной темы в OpenAI UI
сообщил о проблеме, когда темная тема в OpenAI UI превратилась в "затмение", заставив его использовать кастомные скрипты для исправления. сравнил это с YouTube и посетовал на отсутствие тестировщиков в "маленьких конторках".
Финальная аналитика
День был отмечен активными техническими дискуссиями, охватывающими как фундаментальные архитектурные решения, так и практические проблемы повседневной разработки. Центральной темой дня стало стремление к упрощению и оптимизации фронтенда, что проявилось в публикации о Anti-corruption layer и в жарких спорах вокруг tsrx. Сообщество явно разделено между теми, кто ищет инновационные, кросс-фреймворковые решения, и теми, кто придерживается проверенных подходов, опасаясь "птичьих языков" и бесполезных абстракций. Эмоциональный тон дискуссий был высоким, особенно при обсуждении новых, радикальных подходов.
Наблюдаются тренды к повышению производительности (Rolldown, оптимизация холодного старта Node.js) и улучшению UX/UI (обсуждение проблем Telegram UI, советов по CSS). Отмечается недостаток легковесных решений для специфических задач, таких как валидация форм в Vue, что указывает на потенциальные ниши для новых инструментов или на необходимость самостоятельной разработки. Также заметен интерес к веб-графике и игровым движкам на JS, что расширяет границы применения фронтенд-технологий. Пробелом в информации можно считать отсутствие конкретных решений или договоренностей по сложным архитектурным задачам, таким как динамическая подсветка меню в Vue Router, что подчеркивает их нетривиальность.
Потенциальные последствия дня включают в себя дальнейшее развитие дискуссий о целесообразности мультифреймворковых подходов, усиление внимания к производительности инструментов сборки и рантайма, а также повышение требований к качеству UI/UX даже в крупных продуктах, таких как OpenAI. Сообщество остается активным, критически оценивая новинки и делясь опытом решения повседневных задач.