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

Привет!

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

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

Медиа

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

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

AI

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

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

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

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

JS / TS

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

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

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

React

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

Angular

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

Vue js

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

Разное

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

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

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

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

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

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

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

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

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

Chrome

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

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

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

OSS

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

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

Статья подготовлена при поддержке @CosyFrontend, @alexbraun и @DreamShaded.