{"id":346781,"date":"2025-12-15T13:28:12","date_gmt":"2025-12-15T13:28:12","guid":{"rendered":"https:\/\/www.newsbeep.com\/ca\/346781\/"},"modified":"2025-12-15T13:28:12","modified_gmt":"2025-12-15T13:28:12","slug":"web-development-in-2025-ais-react-bias-vs-native-web","status":"publish","type":"post","link":"https:\/\/www.newsbeep.com\/ca\/346781\/","title":{"rendered":"Web Development in 2025: AI\u2019s React Bias vs. Native Web"},"content":{"rendered":"

There was a further shift away from complexity in web development this year, with frontend frameworks like Astro and Svelte gaining popularity as more developers looked for solutions beyond the React ecosystem. Meanwhile, native web platform features proved they\u2019re up to the job of building sophisticated web applications \u2014 with CSS in particular improving over 2025.<\/p>\n

That all said, perhaps the biggest web development trend of this year was the rise of AI-assisted coding \u2014 which, it turned out, is prone to defaulting to React and the leading React framework, Next.js. Because React dominates the frontend landscape, large language models (LLMs) have had a lot of React code to train on.<\/p>\n

Let\u2019s look in more detail at five of the biggest web development trends of 2025.<\/p>\n

1. The Rise of Native Web Features<\/p>\n

Over 2025, a number of native web features quietly caught up to the functionality offered by JavaScript frameworks. For instance, the View Transition API<\/a> \u2014 which enables your website to animate smoothly<\/a> between pages \u2014 became part of the Baseline 2025<\/a> index of cross-browser support. So it\u2019s now widely available for web developers to use.<\/p>\n

Baseline is a project coordinated by the WebDX Community Group at the W3C, which includes representatives from Google<\/a>, Mozilla, Microsoft and other organizations. It\u2019s only been running since 2023, but this year it really came into its own<\/a> as a useful resource for practicing web developers.<\/p>\n

\"Baseline<\/a><\/p>\n

The steady annual growth of Baseline features, via the Web Platform Status site<\/a>.<\/p>\n

As The New Stack\u2019s Mary Branscombe reported in June<\/a>, there are plenty of ways to keep track of what\u2019s becoming part of baseline:<\/p>\n

\u201cGoogle\u2019s Web.Dev has a monthly update<\/a> on Baseline features and news, the WebDX features explorer lets you view features that are Limited Availability<\/a>, Newly Available<\/a> or Widely Available<\/a>; and the monthly release notes<\/a> cover what features have reached a new baseline status.\u201d<\/p>\n

From a web functionality perspective, there\u2019s really no excuse any more to not use native web features. As long-time web developer Jeremy Keith put it recently<\/a>, frameworks are \u201climiting the possibility space of what you can do in web browsers today.\u201d In a follow-up post<\/a>, Keith urged developers to especially stop using React in the browser because of the file size cost to the user. Instead, he encouraged devs to \u201cinvestigate what you can do with vanilla JavaScript in the browser.\u201d<\/p>\n

2. AI Coding Assistants Default to React<\/p>\n

This year, AI became a standard part of the web development toolchain (albeit one not always endorsed by developers, especially those who socialize on Mastodon or Bluesky instead of X or LinkedIn). Whether or not you\u2019re an AI fan in application development, there is one big concern: the propensity of LLMs to default to React and Next.js.<\/p>\n

When OpenAI\u2019s GPT-5 was released in August<\/a>, one of its purported strengths was coding. GPT-5 initially got very mixed reviews from developers<\/a>, so at that time, I reached out to OpenAI to ask them about the coding features. Ishaan Singal<\/a>, a researcher at OpenAI, responded by email.<\/p>\n

I noted to Singal that in the GPT-5 prompting guide<\/a>, there are three recommended frameworks: Next.js (TypeScript), React and HTML. Was there any collaboration with the Next.js and React project teams, I asked, to optimize GPT-5 for those frameworks?<\/p>\n

\u201cWe picked these frameworks based on their popularity and commonality, but we did not collaborate directly with the Next.js or React teams on GPT-5,\u201d he replied.<\/p>\n

\"An<\/a><\/p>\n

An example of \u201corganizing code editing rules for GPT-5\u201d from OpenAI\u2019s GPT-5 prompting guide<\/a>.<\/p>\n

We know that Vercel, the company that shepherds the Next.js framework<\/a>, is a fan of GPT-5. On launch day, it called GPT-5 \u201cthe best frontend AI model.\u201d So there is a nice quid pro quo happening here \u2014 GPT-5 was able to become an expert in Next.js because of its popularity, which presumably increases its popularity even more. That helps both OpenAI and Vercel.<\/p>\n

\u201cAt the end of the day, it is the developer\u2019s choice,\u201d Singal concluded, regarding which web technologies a dev wants to use. \u201cBut established repos have better support from the community. This aids developers in self-serve maintenance.\u201d<\/p>\n

3. Emergence of Web Apps in AI Agents and Chatbots<\/p>\n

This year, we saw the emergence of mini-web applications inside AI chatbots and agents.<\/p>\n

MCP-UI was the first<\/a> sign that the web would be a key part of AI agents. As the name suggests, MCP-UI<\/a> uses the popular Model Context Protocol as a communication foundation. The project<\/a> \u201caims to standardize how models and tools can request the display of rich HTML interfaces within a client application.\u201d<\/p>\n

In an interview in August<\/a>, the two founders (one of whom worked at Shopify at the time) explained that there are two types of SDKs for MCP-UI: a client SDK and a server SDK to connect to MCP servers. The server SDK is available in TypeScript, Ruby and Python.<\/p>\n

\"MCP-UI<\/a><\/p>\n

MCP-UI demo of a UI being inserted into a Claude 3.7 Sonnet chat.<\/p>\n

MCP-UI sounded promising, but it was quickly overshadowed by OpenAI\u2019s Apps SDK<\/a>, which launched in early October. Apps SDK<\/a> allows third-party developers to build web-based applications that run as interactive components inside ChatGPT conversations \u2014 reminding many of us of when Apple launched its App Store in 2008.<\/p>\n

The defining trait of Apps SDK is its web-based UI model (similar to MCP-UI). A ChatGPT app component is a web UI that runs in a sandboxed iframe inside a ChatGPT conversation. ChatGPT acts as the host of the app. You can think of a third-party ChatGPT app as a \u201cmini web app\u201d embedded directly into ChatGPT\u2019s interface.<\/p>\n

By the end of October, industry heavyweights like Vercel had figured out how to use their JavaScript frameworks to build ChatGPT apps<\/a>. Vercel\u2019s quick integration of Next.js with the ChatGPT apps platform shows that AI chatbots won\u2019t just be limited to lightly interactive widgets \u2014 sophisticated web apps will live on these platforms, too.<\/p>\n

4. Web AI and On-Device Inference in the Browser<\/p>\n

A parallel development over 2025 was the rise in running client-side AI in the browser<\/a>, which allows LLM inference to happen on-device. Google was especially prominent in this trend; and its term for it is \u201cWeb AI.\u201d Jason Mayes<\/a>, who leads these initiatives at Google, defines Web AI<\/a> as \u201cthe art of running any machine learning model or service entirely client-side on the user\u2019s device via the web browser.\u201d<\/p>\n

In November, Google held an invitation-only event called the Google Web AI Summit<\/a>. Afterwards, I spoke to Mayes, the event\u2019s organizer and MC. He explained that a key technology is LiteRT.js, Google\u2019s Web AI runtime that targets production web applications. It builds on LiteRT<\/a>, which is designed to run machine learning (ML) models directly on devices (mobile, embedded, or edge) rather than relying on cloud inference.<\/p>\n

In a keynote presentation at the Web AI Summit, Parisa Tabriz<\/a>, vice president and general manager for Chrome and the web ecosystem at Google, highlighted the built-in AI APIs<\/a> that were added to Chrome last August, along with the release of Gemini Nano \u2014 Google\u2019s main on-device model \u2014 as a built-in feature in Chrome last June. These and other web technologies are driving the current Web AI trend.<\/p>\n

\"Parisa<\/a><\/p>\n

Parisa Tabriz at Web AI Summit.<\/p>\n

Another innovation that Google was involved in, alongside Microsoft, was the release of WebMCP<\/a>, which lets devs control how AI agents interact with websites using client-side JavaScript. In a September interview with Kyle Pflug<\/a>, group product manager for the web platform at Microsoft Edge, he explained that \u201cthe core concept is to allow web developers to define \u2018tools\u2019 for their website in JavaScript, analogous to the tools that would be provided by a traditional MCP server.\u201d<\/p>\n

Web AI isn\u2019t just being promoted by commercial companies. The World Wide Web Consortium (W3C) is also exploring building blocks for \u201cthe agentic web<\/a>,\u201d which includes using MCP-UI, WebMCP and another emerging standard called NLWeb<\/a> (developed at Microsoft).<\/p>\n

5. The \u2018Vite-ification\u2019 of the JavaScript Ecosystem<\/p>\n

It may sound like AI dominated web development this year \u2014 and it did, actually. But frontend tooling also saw its share of innovation. One product in particular stood out.<\/p>\n

Vite<\/a>, created by Evan You<\/a>, has become the go-to build tool for modern frontend frameworks, including Vue, SvelteKit, Astro and React \u2014 with experimental support also from Remix and Angular. In an interview with The New Stack in September<\/a>, You told me that the key to Vite\u2019s success was its early use of ES Modules (ESM), a standardized JavaScript module system that allows you to \u201cbreak up JavaScript code into different pieces, different modules that you can load.\u201d<\/p>\n

\"Vite<\/a><\/p>\n

Vite ecosystem via Even You at ViteConf.<\/p>\n

You and his company, VoidZero, are now building Vite+<\/a>, a new unified JavaScript toolchain that aims to solve JavaScript fragmentation. At this year\u2019s ViteConf event, You officially unveiled Vite+<\/a> and positioned it as an enterprise development toolkit. He said it includes \u201ceverything you love about Vite \u2014 plus everything you\u2019ve been duct-taping together.\u201d<\/p>\n

A Crossroads for Web Development<\/p>\n

At the end of 2025, it feels like we\u2019re at a crossroads in frontend development. On the one hand, there\u2019s a way out of the React complexity conundrum: Use native web features and tools like Astro that ease the burden on users. While that was indeed a trend this year, it\u2019s in danger of being overshadowed in 2026 by our increasing reliance on AI tools for coding \u2014 which, as noted, tend to rely on React.<\/p>\n

The fact is, most developers now \u2014 including the hundreds of thousands of \u201cvibe coders\u201d who previously had not been part of the developer ecosystem \u2014 will continue to be fed React code by AI systems. That makes it even more imperative for the web development community to continue to endorse and advocate for native web code next year.<\/p>\n

\t<\/p>\n

\n\t\t\t\tYOUTUBE.COM\/THENEWSTACK\n\t\t\t<\/p>\n

\n\t\t\t\tTech moves fast, don’t miss an episode. Subscribe to our YouTube
\n\t\t\t\tchannel to stream all our podcasts, interviews, demos, and more.\n\t\t\t<\/p>\n

\t\t\t\tSUBSCRIBE<\/p>\n

\t<\/a><\/p>\n

Group
\n Created with Sketch.<\/p>\n

\t\t<\/p>\n

\t\t\t\t\t<\/p>\n

\n\t\t\t\t\t\t\tRichard MacManus is a Senior Editor at The New Stack and writes about web and application development trends. Previously he founded ReadWriteWeb in 2003 and built it into one of the world\u2019s most influential technology news sites. From the early…\t\t\t\t\t\t<\/p>\n

\t\t\t\t\t\tRead more from Richard MacManus\t\t\t\t\t\t<\/p>\n

\t\t<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"There was a further shift away from complexity in web development this year, with frontend frameworks like Astro…\n","protected":false},"author":2,"featured_media":346782,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[49,48,61],"class_list":["post-346781","post","type-post","status-publish","format-standard","has-post-thumbnail","category-technology","tag-ca","tag-canada","tag-technology"],"_links":{"self":[{"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/posts\/346781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/comments?post=346781"}],"version-history":[{"count":0,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/posts\/346781\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/media\/346782"}],"wp:attachment":[{"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/media?parent=346781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/categories?post=346781"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/tags?post=346781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}