Frontend Status: свежий дайджест фронтенда и AI — 10.02.2026
Привет!
Это четвертый выпуск Frontend Status — дайджеста по фронтенд-разработке.
В этом выпуске:
-
JS/TS: Evan You — Vite, Rust, VoidZero; State of JS 2025 и новый интерфейс npm (npmx).
-
AI: Transformers.js v4 в NPM; тест «заменит ли ИИ опытного дебаггера».
-
Фреймворки: React — ViewTransition, SSG-сравнение, календарь DayFlow; Angular — обзор v22 и демо проект на Genkit.
-
CSS и браузеры: гистограммы и подсветка поиска без JS; предпочтения размера шрифта из системы в Chrome.
-
Доступность и интерфейсы: когнитивная доступность (W3C), combobox vs multiselect, якоря и UX.
-
Разное: ограничения и вдохновение, «искусство неправильного взаимодействия», репортаж с t-sync.
Видео
-
Evan You - Vite, Rust и будущее JS инструментов — путь от Vite к VoidZero и JS инструментов на Rust, Rolldown и OXC (до 50–100× быстрее), Vite Plus для простого старта, Rust вместо Go, ИИ в разработке и скептический взгляд на React Server Components.
AI
-
Transformers.js v4 (preview) — уже в NPM — после г��да разработки Hugging Face выкатил превью v4: новый WebGPU-рантайм на C++, работа в браузере, Node, Bun и Deno, ускорение экспортов (до ~4× для BERT), монорепо на pnpm, esbuild вместо Webpack (сборка в 10 раз быстрее, бандлы меньше), отдельная библиотека токенайзеров и поддержка больших моделей (вплоть до 20B параметров).
-
Отладка с ИИ: заменит ли он опытного разработчика? — Справляется ли ИИ с реальными багами в React/Next.js? Автор проверил на трёх кейсах, разобрал причины и описал результаты.
A11y
-
Рабочая группа по архитектуре доступных систем опубликовала проект заметки "Исследовательские модули когнитивной доступности". Данный документ является точкой входа в когнитивную доступность и погружает в остальные модули раздела.
Браузеры
-
Джош Тумат дождался релиза предложенной им в 2024 году функции, позволяющей веб-странице узнать о предпочтениях размера шрифта пользователя в системе (не в браузере, именнно в системе), и рассказал, как работает этот тег, как работают с ним относительные единицы rem|em. Мне особо импонирует то, что мы оба разделяем подход адаптации только текста и изображений, а не всего подряд (особенно отступы).
Инструменты
-
Релиз VSCode v1.109 добавляет поддержку агентов Claude и Codex, и вообще всё обновление - про разработку с агентами, субагентами, унифицированными агентами и тп.
CSS
-
На современном CSS можно легко и просто создавать гистограммы, причём абсолютно без JS. Чистейшие CSS Grid, поддержка далеко за бейзлайном. Отличная альтернатива созданию простых элементов через D3 (есть же любители из пушки по воробьям, да?).
-
Рецепты стилизации и отличия разных выделяемых псевдоэлементов можно посмотреть на CSS Tricks. В первую очередь это необходимо для увеличения контрастности для результатов поиска и других элементов.
JS / TS
-
State of js 2025 - Опубликованы результаты ежегодного опроса, в котором собраны мнения более 12 000 разработчиков jаvascript
-
npmx — это новый современный веб-интерфейс для официального npm registry - Официальный сайт npm (npmjs.com) существует уже много лет, но он довольно старомодный: медленный, не очень удобный в навигации, мало информации видно сразу. npmx решает эту проблему — делает просмотр пакетов быстрым, плавным и более информативным.
React
-
Крис Койер выдал рецепт об использовании элемента, доступного в React Canary.
-
Что удобнее для SSG: Remix, Next или Sveltekit? В статье сравнивается удобство API и развёртывания SSG проектов на данных технологиях, но нам очевидно, что Astro!
-
DayFlow: п��лнофункциональный календарь для React — календарь с drag-and-drop, несколькими видами, бесшовным бесконечным скроллом и возможностями в духе Google Calendar.
Angular
-
Nova Reel: Рекомендации фильмов и сериалов на основе Genkit AI - Уэйн Гакуо демонстрирует, как объединить Angular, Genkit и Firebase для создания интеллектуальной системы рекомендаций. Прекрасный пример применения многомодальных возможностей Gemini!
-
What to Expect in Angular 22 — обзор грядущего релиза: зрелые signal-формы, компоненты без селекторов и импорты в шаблонах, OnPush по умолчанию, доработки HMR и Language Service, обновление тестовых инструментов и интеграции с AI (MCP, CLI для ассистентов).
Vue js
-
Название материала - Краткое описание
Разное
Материалы про веб-разработку, но не относящиеся напрямую к CSS или JS.
-
Думаете, свобода — ключ к вдохновению? А вот Алекс Харпер в статье разбирает, почему ограничения (дедлайны, бюджет, иные) помогают погружаться в работу и делать задачи качественно.
-
Искусство неправильного взаимодействия - проект исследует осознанное "неудобство" во взаимодействии с технологиями, намеренно ломая привычные паттерны использования компьютера. Через нетрадиционные способы создания анимаций бегущей лошади, отсылающих к Эдварду Мейбриджу, он показывает, как о��раничения и странности инструментов могут пробуждать внимание, игру и новое чувство новизны.
-
Превратите код своего проекта в интерактивные диаграммы с помощью Repomap. Очень красивый визуализатор связей.
-
Что делать, если у устройства нет экрана, но нужна безопасная авторизация? Meta придумала способ заставить passkey работать в XR-гарнитуре без QR-кодов.
Об интерфейсах
-
Виталий Фридман разжевал, какой элемент списка опций когда выбрать и чем они вообще отличаются друг от друга. Основная идея - помочь выбрать правильный элемент в зависимости от количества вариантов и того, нужно ли показывать их всё сразу или обеспечивать фильтрацию через ввод текста.
-
Вас же тоже бесит, когда якорная ссылка прокручивает заголовок за шапку? FrontendMasters собрали 4 особо раздражающих проблемы и их решения. Несколько строк CSS, которые значительно улучшат UX!
Бэкенд
-
Фреймворк Elysia (typescript бэкенд на bun) утверждает, что справляется с 2.5 млн запросов в секунду, и в статье из документации рассказывает, каким образом.
Фронтенд-секция на t-sync: как прошло
На t-sync прошла фронтенд-секция: Т и Positive Technologies показали свои дизайн-системы, был UI/UX-квартирник без докладов — только разго��ор и опыт дизайнеров и разработчиков, воркшоп Maskito «Упрощаем ввод данных за 45 минут» и лаунж-зона с кастомными настолками. Материалы и продукты, о которых говорили: Maskito (Т), Taiga UI (Т), Koobiq (Positive Technologies).
Статья подготовлена при поддержке @CosyFrontend, @alexbraun и @DreamShaded.