Frontend Status: свежий дайджест фронтенда и AI

Привет!

Это Frontend Status — ваш регулярный дайджест по веб-разработке. Мы собираем самое актуальное и полезное: от свежих фич в браузерах и фреймворках до того, как ИИ меняет сами фронтенд-приложения: от генерации динамического UI до встроенных AI-фич до AI-агентов.

В этом выпуске — 25 материалов: видео с конференций, новости о фреймворках, обновления Chrome, AI-инструменты и многое другое. Навигация по разделам поможет быстро найти интересное.

Медиа

• Crafting a perfect button - Alexander Inkin - Angular TLV Conference ^[1] — Александр Инкин выступил на Angular TLV с докладом о том, как создавать гибкие и мощные UI-элементы.

• Когда синдром самозванца — не синдром ^[2] — Антон Непша рассказал на Frontend Conf истории о самозванцах и других нежелательных паттернах в IT.

AI

• Мы заменили трёх ведущих разработчиков на АИ и год спустя пожалели об этом. Кейс Honda ^[3] — Интересный кейс: сокращение ключевых разработчиков привело компанию к убыткам, несмотря на первичный выигрыш.

• Tanstack выпустили альфа-версию SDK для интеграции LLM ^[4] — прямой конкурент Vercel AI SDK. Инструмент даёт универсальный API для разных провайдеров, клиентские и серверные тулзы, набор функций для дебага и многое другое, а на ЛогРокет вышло сравнение Tanstack AI и Vercel AI SDK ^[5].

• Mastra: TypeScript-фреймворк для AI-агентов ^[6] — подкаст Software Engineering Daily с основателями Mastra — Сэмом Бхагватом (со-основатель Gatsby) и Абхи Айером. Они рассказали о создании TypeScript-фреймворка для разработки AI-агентов.

• Вышел гайд по проектированию архитектуры AI-ready фронтенда ^[7] — автор разбирает, почему AI умножает проблемы, и помогает защищаться от них, делая AI помощником.

JS / TS

• WebF Beta: интегрируйте JavaScript и веб-разработку во Flutter ^[8] — сегодня мы объявляем о бета-версии WebF — веб-среды выполнения для Flutter, соответствующей стандартам W3C/WHATWG, которая обеспечивает доступ к стандартным веб-технологиям (HTML/CSS/DOM + JavaScript) для мобильных и настольных устройств с производительностью нативного приложения.

• Мэт Смит предлагает оптимизировать работу с массивами ^[9] с помощью Iterator helper methods ^[10].

• Команда Microsoft поделилась обновлениями перехода компилятора TS на Golang ^[11] — в числе обновлений: ускорение ряда операций, одновременная компиляция нескольких проектов, отказ от ряда флагов (target, strict, baseUrl и другие).

React

• React Conf 2025: доклады доступны для просмотра ^[12] — конференция React Conf 2025 состоялась в октябре прошлого года, и если раньше можно было просматривать прямые трансляции, то теперь доклады разделены и представлены в более удобном для просмотра формате.

Angular

• Как и что переводить с RXJS на сигналы в Angular ^[13] — Джессика Патель рассказала на Hackernoon о переходе от RxJS к сигналам в Angular.

Vue js

• Полный гайд по улучшению производительности приложений на Nuxt 4 ^[14] — Nuxt 4 обеспечивает значительное повышение производительности прямо из коробки. Но разница между просто хорошим и невероятно быстрым приложением заключается в умении использовать все возможности фреймворка.

Разное

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

• Вышел альманах веба от HTTP archive ^[15] — в 15 главах рассматривается состояние веб-технологий на основании более 17.2 млн веб-сайтов.

• Рабочая группа веб-аутентификации предложила новые API ^[16] — которые позволят реализовать passwordless-аутентификацию для массовых потребительских сервисов и обеспечить высокий уровень безопасности в корпоративных развертываниях.

• Предрекли гибель VSCode и дают альтернативы ^[17] — в блоге на ЛогРокет. Естественно, главными конкурентами назвали Zed и Lapce, а основная критика VSCode в повышенном потреблении ресурсов по сравнению с нативными приложениями.

• Когда RX избыточен, поможет Tanstack Pacer ^[18] — посмотрите на пример небольшой библиотеки для 90% проблем фронтенда: Pacer даёт простые и удобные примитивы для решения типовых UI задач (батч, троттл, дебаунс и тп).

• Polypane напоминали, что не всё браузерные API являются Web API ^[19] — и разобрали примеры их использования. Можно освежить память перед собеседованием!

• Стефан Judis поделился заметкой об ARIA и семантических элементах ^[20] — неправильное использование ARIA-атрибутов приводит к нарушению семантики.

• Лиа Веру критикует работу с зависимостями в экосистеме веба ^[21] — и предлагает идеи по улучшению процесса.

• Девид Бушел критикует появление элементов при прокрутке ^[22] — и читать его доказательства — действительно пытка!

Chrome

• В Chrome добавлен новый HTML-тэг geolocation ^[23] — по сути элемент представляет собой кнопку "дать права на доступ к гео" вместо ранее привычного автоматического запроса прав.

• В Chrome теперь можно троттлить не все запросы, а конкретные отдельно ^[24] — ранее даже кастомные тулзы не позволяли такого сделать.

• Temporal API наконец-то релизнут ^[25] — и теперь поддерживается со 144 версии Chrome без дополнительных флажков, а Фил Нэш напоминает о проблемах старого Date ^[26] и даёт примеры работы с Temporal API.

OSS

• CloudFlare приобрела Astro ^[27] — фреймворк для разработки контент-ориентированных статических сайтов.

• CloudFlare приобрела Human Native ^[28] — маркетплейс данных для AI.

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