跪拜 Guibai
← All articles
Frontend

Rendering Models Replace React vs Vue as the Front-End Decision

By 涛涛ing ·
Read original on juejin.cn ↗ Google Translate ↗ Alt translation

The React-default reflex is losing its basis. Teams now pick a rendering model and its trade-offs before they pick a library, and platform APIs are eating into the problems that once justified a framework at all.

Summary

React 19, Vue 3.6, Svelte 5, Qwik 2, Astro 5, and HTMX 2 no longer compete on syntax or API style. They encode distinct rendering philosophies: virtual DOM with compiler-assisted memoization, signal-based fine-grained reactivity, resumability without hydration, island architecture with zero JS by default, and HTML-over-the-wire. Each carries a specific cost, from Vapor mode's incompatibility with VDOM-only libraries to React Server Components' new mental model around component boundaries.

Browser platform APIs are closing the gap. Navigation API, HTML-in-Canvas, and declarative partial updates move routing, streaming, and accessible canvas DOM into the browser itself, shrinking the set of problems that used to justify a heavy framework. Meanwhile, Rust-based tooling like Vite 8's Rolldown and Rspack compresses build times from minutes to seconds, making build speed a non-factor.

The practical advice is to decide on a rendering model first, then check platform coverage, and only then weigh ecosystem and team familiarity. The default React reflex no longer holds when every model has a legitimate niche.

Takeaways
— React 19's compiler auto-inserts memoization, retiring hand-written useMemo and useCallback.
— Vue 3.6's Vapor Mode skips the virtual DOM, boosting component-dense rendering by up to 97% and cutting Vapor-only bundle sizes by 20-50%.
— Qwik 2 eliminates hydration, downloading code for a component only when that component is clicked.
— Astro 5 defaults to zero JavaScript and activates islands on demand via client:visible.
— HTMX 2 achieves 80% of SPA effects with 20% of the complexity, using server-returned HTML fragments.
— Navigation API became Baseline Newly Available in January 2026, adding a single navigate event for clicks, forms, history, and programmatic calls.
— Vite 8 with Rolldown delivers 10-30x faster production builds; Rspack is 10-20x faster than Webpack 5 for cold starts with full plugin compatibility.
Conclusions

The decision framework recasts framework choice as accepting a specific trade-off rather than finding the objectively best tool; ecosystem familiarity becomes a secondary filter after rendering model and platform coverage.

Browser-native APIs (Navigation, HTML-in-Canvas, declarative partial updates) are shrinking the surface area that once made frameworks indispensable, turning framework value from "enabling" to "convenience".

Rust-based build tools render build speed a commodity, so frameworks can no longer differentiate on performance; the remaining differentiator is the development model and its mental overhead.

Concepts & terms
Resumability
A rendering model where server-rendered HTML carries serialized listener info; the browser downloads component code only when the user interacts with that component, avoiding a full hydration pass.
Vapor Mode
Vue's compile-time strategy that skips the virtual DOM and emits direct imperative DOM operations, yielding faster updates and smaller bundles.
HTML-over-the-wire
A pattern where the server returns HTML fragments and the client swaps them into the DOM, requiring no heavy JavaScript; HTMX is the primary example.
Source: juejin.cn ↗ Google Translate ↗ Backup ↗