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 инструментов ^[1] — путь от Vite к VoidZero и JS инструментов на Rust, Rolldown и OXC (до 50–100× быстрее), Vite Plus для простого старта, Rust вместо Go, ИИ в разработке и скептический взгляд на React Server Components.

AI

• Transformers.js v4 (preview) — уже в NPM ^[2] — после года разработки Hugging Face выкатил превью v4: новый WebGPU-рантайм на C++, работа в браузере, Node, Bun и Deno, ускорение экспортов (до ~4× для BERT), монорепо на pnpm, esbuild вместо Webpack (сборка в 10 раз быстрее, бандлы меньше), отдельная библиотека токенайзеров и поддержка больших моделей (вплоть до 20B параметров).

• Отладка с ИИ: заменит ли он опытного разработчика? ^[3] — Справляется ли ИИ с реальными багами в React/Next.js? Автор проверил на трёх кейсах, разобрал причины и описал результаты.

A11y

• Рабочая группа по архитектуре доступных систем опубликовала проект заметки “Исследовательские модули когнитивной доступности” ^[4]. Данный документ является точкой входа в когнитивную доступность и погружает в остальные модули раздела.

Браузеры

• Джош Тумат дождался релиза предложенной им в 2024 году функции ^[5], позволяющей веб-странице узнать о предпочтениях размера шрифта пользователя в системе (не в браузере, именнно в системе), и рассказал, как работает этот тег, как работают с ним относительные единицы rem|em. Мне особо импонирует то, что мы оба разделяем подход адаптации только текста и изображений, а не всего подряд (особенно отступы).

Инструменты

• Релиз VSCode v1.109 добавляет поддержку агентов Claude и Codex ^[6], и вообще всё обновление – про разработку с агентами, субагентами, унифицированными агентами и тп.

CSS

• На современном CSS можно легко и просто создавать гистограммы ^[7], причём абсолютно без JS. Чистейшие CSS Grid, поддержка далеко за бейзлайном. Отличная альтернатива созданию простых элементов через D3 (есть же любители из пушки по воробьям, да?).

• Рецепты стилизации и отличия ^[8] разных выделяемых псевдоэлементов можно посмотреть на CSS Tricks. В первую очередь это необходимо для увеличения контрастности для результатов поиска и других элементов.

JS / TS

• State of js 2025 ^[9] – Опубликованы результаты ежегодного опроса, в котором собраны мнения более 12 000 разработчиков JavaScript

• npmx — это новый современный веб-интерфейс для официального npm registry ^[10] – Официальный сайт npm (npmjs.com) существует уже много лет, но он довольно старомодный: медленный, не очень удобный в навигации, мало информации видно сразу. npmx решает эту проблему — делает просмотр пакетов быстрым, плавным и более информативным.

React

• Крис Койер выдал рецепт об использовании элемента ^[11], доступного в React Canary.

• Что удобнее для SSG: Remix, Next или Sveltekit? ^[12] В статье сравнивается удобство API и развёртывания SSG проектов на данных технологиях, но нам очевидно, что Astro!

• DayFlow: полнофункциональный календарь для React ^[13] — календарь с drag-and-drop, несколькими видами, бесшовным бесконечным скроллом и возможностями в духе Google Calendar.

Angular

• Nova Reel: Рекомендации фильмов и сериалов на основе Genkit AI ^[14] – Уэйн Гакуо демонстрирует, как объединить Angular, Genkit и Firebase для создания интеллектуальной системы рекомендаций. Прекрасный пример применения многомодальных возможностей Gemini!

• What to Expect in Angular 22 ^[15] — обзор грядущего релиза: зрелые signal-формы, компоненты без селекторов и импорты в шаблонах, OnPush по умолчанию, доработки HMR и Language Service, обновление тестовых инструментов и интеграции с AI (MCP, CLI для ассистентов).

Vue js

• Название материала ^[16] – Краткое описание

Разное

Материалы про веб-разработку, но не относящиеся напрямую к CSS или JS.

• Думаете, свобода — ключ к вдохновению? ^[17] А вот Алекс Харпер в статье разбирает, почему ограничения (дедлайны, бюджет, иные) помогают погружаться в работу и делать задачи качественно.

• Искусство неправильного взаимодействия ^[18] – проект исследует осознанное “неудобство” во взаимодействии с технологиями, намеренно ломая привычные паттерны использования компьютера. Через нетрадиционные способы создания анимаций бегущей лошади, отсылающих к Эдварду Мейбриджу, он показывает, как ограничения и странности инструментов могут пробуждать внимание ^[19], игру и новое чувство новизны.

• Превратите код своего проекта в интерактивные диаграммы ^[20] с помощью Repomap. Очень красивый визуализатор связей.

• Что делать, если у устройства нет экрана, но нужна безопасная авторизация? ^[21] Meta придумала способ заставить passkey работать в XR-гарнитуре без QR-кодов.

Об интерфейсах

• Виталий Фридман разжевал, какой элемент списка опций когда выбрать ^[22] и чем они вообще отличаются друг от друга. Основная идея – помочь выбрать правильный элемент в зависимости от колич��ства вариантов и того, нужно ли показывать их всё сразу или обеспечивать фильтрацию через ввод текста.

• Вас же тоже бесит, когда якорная ссылка прокручивает заголовок за шапку? ^[23] FrontendMasters собрали 4 особо раздражающих проблемы и их решения. Несколько строк CSS, которые значительно улучшат UX!

Бэкенд

• Фреймворк Elysia (typescript бэкенд на bun) ^[24] утверждает, что справляется с 2.5 млн запросов в секунду, и в статье из документации рассказывает, каким образом.

Фронтенд-секция на t-sync: как прошло

На t-sync ^[25] прошла фронтенд-секция: Т и Positive Technologies показали свои дизайн-системы, был UI/UX-квартирник без докладов — только разговор и опыт ^[26] дизайнеров и разработчиков, воркшоп Maskito «Упрощаем ввод данных за 45 минут» и лаунж-зона с кастомными настолками. Материалы и продукты, о которых говорили: Maskito ^[27] (Т), Taiga UI ^[28] (Т), Koobiq ^[29] (Positive Technologies).

Статья подготовлена при поддержке @CosyFrontend ^[30], @alexbraun ^[31] и @DreamShaded ^[32].