Веб-разработка в 2025 году: предвзятость AI React против Native Web

В этом году произошел дальнейший отход от сложности веб-разработки: такие интерфейсные платформы, как Astro и Svelte, набрали популярность, поскольку все больше разработчиков искали решения за пределами экосистемы React. Между тем, встроенные функции веб-платформы доказали, что они подходят для создания сложных веб-приложений — в частности, CSS улучшится в 2025 году.

Тем не менее, возможно, самой большой тенденцией веб-разработки в этом году стал рост использования ИИ-кодирования, который, как оказалось, склонен к использованию по умолчанию React и ведущей среды React, Next.js. Поскольку React доминирует во внешнем интерфейсе, большие языковые модели (LLM) требуют большого количества кода React для обучения.

Давайте более подробно рассмотрим пять крупнейших тенденций веб-разработки 2025 года.

1. Рост нативных веб-функций

В 2025 году ряд встроенных веб-функций незаметно догнал функциональность, предлагаемую фреймворками JavaScript. Например, API View Transition, который позволяет вашему веб-сайту плавно анимировать страницы, стал частью индекса кроссбраузерной поддержки Baseline 2025. Так что теперь он широко доступен веб-разработчикам.

Baseline — это проект, координируемый группой сообщества WebDX при W3C, в которую входят представители Google, Mozilla, Microsoft и других организаций. Он работает только с 2023 года, но в этом году он действительно зарекомендовал себя как полезный ресурс для практикующих веб-разработчиков.

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

Как сообщила в июне Мэри Брэнскомб из The New Stack, существует множество способов отслеживать, что становится частью базового плана:

«Google Web.Dev ежемесячно публикует обновления базовых функций и новостей, обозреватель функций WebDX позволяет просматривать функции, которые являются ограниченно доступными, недавно доступными или широко доступными; а ежемесячные примечания к выпуску охватывают, какие функции достигли нового базового статуса».

С точки зрения веб-функциональности больше нет оправданий тому, чтобы не использовать встроенные веб-функции. Как недавно заметил давний веб-разработчик Джереми Кит, фреймворки «ограничивают пространство возможностей того, что вы можете делать в веб-браузерах сегодня». В последующем сообщении Кейт призвал разработчиков особенно прекратить использование React в браузере из-за увеличения размера файла для пользователя. Вместо этого он призвал разработчиков «изучить, что можно сделать с помощью стандартного JavaScript в браузере».

2. Помощники по кодированию AI по умолчанию реагируют

В этом году ИИ стал стандартной частью набора инструментов веб-разработки (хотя он не всегда одобряется разработчиками, особенно теми, кто общается на Mastodon или Bluesky, а не на X или LinkedIn). Независимо от того, являетесь ли вы поклонником искусственного интеллекта в разработке приложений, есть одна большая проблема: склонность студентов LLM по умолчанию использовать React и Next.js.

Когда в августе был выпущен OpenAI GPT-5, одной из его предполагаемых сильных сторон было программирование. GPT-5 изначально получил очень неоднозначные отзывы от разработчиков, поэтому тогда я обратился к OpenAI, чтобы спросить их об особенностях кодирования. Ишаан Сингал, исследователь OpenAI, ответил по электронной почте.

Я сообщил Сингалу, что в руководстве по GPT-5 рекомендованы три фреймворка: Next.js (TypeScript), React и HTML. Я спросил, было ли какое-либо сотрудничество с проектными командами Next.js и React для оптимизации GPT-5 для этих фреймворков?

«Мы выбрали эти фреймворки, основываясь на их популярности и общности, но мы не сотрудничали напрямую с командами Next.js или React над GPT-5», — ответил он.

Пример «организации правил редактирования кода для GPT-5» из руководства OpenAI по GPT-5.

Мы знаем, что Vercel, компания, разрабатывающая платформу Next.js, является поклонником GPT-5. В день запуска компания назвала GPT-5 «лучшей моделью внешнего интерфейса ИИ». Таким образом, здесь происходит приятная услуга за услугу — GPT-5 смог стать экспертом в Next.js благодаря своей популярности, что, по-видимому, еще больше увеличивает ее популярность. Это помогает и OpenAI, и Vercel.

«В конце концов, это выбор разработчика», — заключил Сингал относительно того, какие веб-технологии разработчик хочет использовать. «Но существующие репозитории имеют лучшую поддержку со стороны сообщества. Это помогает разработчикам в самостоятельном обслуживании».

3. Появление веб-приложений в агентах искусственного интеллекта и чат-ботах

В этом году мы стали свидетелями появления мини-веб-приложений внутри чат-ботов и агентов с искусственным интеллектом.

MCP-UI стал первым признаком того, что Интернет станет ключевой частью агентов ИИ. Как следует из названия, MCP-UI использует популярный протокол контекста модели в качестве основы связи. Проект «направлен на стандартизацию того, как модели и инструменты могут запрашивать отображение богатых HTML-интерфейсов в клиентском приложении».

В интервью в августе два основателя (один из которых в то время работал в Shopify) объяснили, что существует два типа SDK для MCP-UI: клиентский SDK и серверный SDK для подключения к серверам MCP. Серверный SDK доступен на TypeScript, Ruby и Python.

Демонстрация пользовательского интерфейса MCP-UI, вставляемая в чат сонета Claude 3.7.

MCP-UI звучал многообещающе, но его быстро затмил SDK приложений OpenAI, выпущенный в начале октября. Apps SDK позволяет сторонним разработчикам создавать веб-приложения, которые работают как интерактивные компоненты внутри разговоров ChatGPT, что напоминает многим из нас о том, когда Apple запустила свой App Store в 2008 году.

Определяющей чертой Apps SDK является его веб-модель пользовательского интерфейса (аналогичная MCP-UI). Компонент приложения ChatGPT — это веб-интерфейс, который запускается в изолированном iframe внутри разговора ChatGPT. ChatGPT выступает в качестве хоста приложения. Стороннее приложение ChatGPT можно рассматривать как «мини-веб-приложение», встроенное непосредственно в интерфейс ChatGPT.

К концу октября такие тяжеловесы отрасли, как Vercel, поняли, как использовать свои JavaScript-фреймворки для создания приложений ChatGPT. Быстрая интеграция Next.js компании Vercel с платформой приложений ChatGPT показывает, что чат-боты с искусственным интеллектом не будут ограничиваться лишь слегка интерактивными виджетами — сложные веб-приложения также будут жить на этих платформах.

4. Веб-ИИ и вывод на устройстве в браузере

Параллельным развитием в 2025 году стал рост использования искусственного интеллекта на стороне клиента в браузере, что позволяет делать выводы LLM на устройстве. Google был особенно заметен в этой тенденции; и термин для этого — «Веб-ИИ». Джейсон Мэйес, возглавляющий эти инициативы в Google, определяет веб-ИИ как «искусство запуска любой модели или службы машинного обучения полностью на стороне клиента на устройстве пользователя через веб-браузер».

В ноябре Google провела мероприятие только по приглашениям под названием Google Web AI Summit. После этого я поговорил с Мэйесом, организатором мероприятия и ведущим. Он объяснил, что ключевой технологией является LiteRT.js, среда выполнения Google Web AI, предназначенная для производственных веб-приложений. Он основан на LiteRT, который предназначен для запуска моделей машинного обучения (ML) непосредственно на устройствах (мобильных, встроенных или периферийных), а не на основе облачных вычислений.

В своей основной презентации на Web AI Summit Париса Табриз, вице-президент и генеральный менеджер Chrome и веб-экосистемы Google, рассказала о встроенных API-интерфейсах искусственного интеллекта, которые были добавлены в Chrome в августе прошлого года, а также о выпуске Gemini Nano — основной модели Google на устройствах — в качестве встроенной функции Chrome в июне прошлого года. Эти и другие веб-технологии определяют нынешнюю тенденцию веб-ИИ.

Париса Тебриз и саммит Web AI.

Еще одним нововведением, в котором Google участвовал вместе с Microsoft, стал выпуск WebMCP, который позволяет разработчикам контролировать взаимодействие агентов искусственного интеллекта с веб-сайтами с помощью клиентского JavaScript. В сентябрьском интервью с Кайлом Пфлугом, менеджером группы продуктов веб-платформы Microsoft Edge, он объяснил, что «основная концепция заключается в том, чтобы позволить веб-разработчикам определять «инструменты» для своего веб-сайта на JavaScript, аналогично инструментам, которые предоставляет традиционный сервер MCP».

Веб-ИИ продвигают не только коммерческие компании. Консорциум World Wide Web (W3C) также изучает строительные блоки для «агентной сети», которая включает использование MCP-UI, WebMCP и еще одного нового стандарта под названием NLWeb (разработанного в Microsoft).

5. «Vite-ификация» экосистемы JavaScript

Может показаться, что в этом году в веб-разработке доминировал искусственный интеллект — и это действительно так. Но в инструментах внешнего интерфейса тоже есть доля инноваций. Особенно выделялся один продукт.

Vite, созданный Эваном Ю, стал популярным инструментом для создания современных интерфейсных фреймворков, включая Vue, SvelteKit, Astro и React — с экспериментальной поддержкой также со стороны Remix и Angular. В сентябрьском интервью The New Stack Вы рассказали мне, что ключом к успеху Vite стало раннее использование ES Modules (ESM), стандартизированной системы модулей JavaScript, которая позволяет «разбивать код JavaScript на разные части, разные модули, которые вы можете загружать».

Экосистема Vite через Even You на ViteConf.

Вы и его компания VoidZero сейчас создаете Vite+, новую унифицированную цепочку инструментов JavaScript, целью которой является решение проблемы фрагментации JavaScript. На мероприятии ViteConf в этом году вы официально представили Vite+ и позиционировали его как набор инструментов для корпоративного развития. Он сказал, что оно включает в себя «все, что вам нравится в Vite, плюс все, что вы склеили вместе».

Перекресток веб-разработки

В конце 2025 года кажется, что мы находимся на перепутье во фронтенд-разработке. С одной стороны, есть выход из головоломки сложности React: использовать собственные веб-функции и инструменты, такие как Astro, которые облегчают нагрузку на пользователей. Хотя в этом году это действительно была тенденция, в 2026 году она рискует быть омрачена нашей растущей зависимостью от инструментов искусственного интеллекта для кодирования, которые, как уже отмечалось, обычно полагаются на React.

Дело в том, что большинство разработчиков сейчас, включая сотни тысяч «вайбер-кодеров», которые ранее не были частью экосистемы разработчиков, будут продолжать получать код React от систем искусственного интеллекта. Это делает еще более важным, чтобы сообщество веб-разработчиков продолжало поддерживать и защищать собственный веб-код в следующем году.

ТЕНДЕНЦИОННЫЕ ИСТОРИИ YOUTUBE.COM/THENEWSTACK Технологии развиваются быстро, не пропустите ни одной серии. Подпишитесь на наш канал YouTube, чтобы смотреть все наши подкасты, интервью, демонстрации и многое другое. ПОДПИСАТЬСЯ Группа, созданная в Sketch. Ричард Макманус — старший редактор The New Stack и пишет о тенденциях в разработке веб-приложений и веб-приложений. Ранее в 2003 году он основал ReadWriteWeb и превратил его в один из самых влиятельных в мире новостных сайтов о технологиях. С самого начала… Подробнее от Ричарда Макмануса

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *