跪拜 Guibai
← All articles
Frontend

Frontend Tooling Got a New Engine, a New Memory Model, and an AI Copilot — All in Six Months

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

These five changes collectively redraw the performance and safety baseline for frontend work. A developer who upgrades gets 10x faster type-checking, a framework that compiles away the virtual DOM, and tooling that can be refactored by AI at a fraction of the previous cost. Ignoring the shift means staying on a slower, memory-unsafe stack while competitors ship faster.

Summary

The first half of 2026 delivered a series of foundational rewrites across the frontend stack. TypeScript 7.0 ports the entire compiler from TypeScript to Go, cutting VS Code's type-check from 125 seconds to 10.6 seconds. Vue 3.6 introduces Vapor Mode, a per-component compilation strategy that skips the virtual DOM entirely and generates direct DOM manipulation code, pushing benchmark performance past Solid. Meanwhile, Vercel's json-render framework constrains AI-generated UI to a predefined component catalog, and Bun's team used 64 parallel Claude Code instances to convert 535,000 lines of Zig to Rust in 11 days at a cost of $165,000 — roughly one-twentieth the estimated cost of a manual rewrite.

The common thread is a toolchain shedding its JavaScript origins. Compilers, bundlers, and runtimes are being rebuilt in Go and Rust. Frameworks are optimizing for AI agents as much as for human developers. The virtual DOM, dominant since 2013, is becoming an opt-in legacy mode rather than the default architecture.

Takeaways
— TypeScript 7.0's Go-based compiler type-checks the VS Code codebase in 10.6 seconds, down from 125.7 seconds — an 11.9x improvement.
— First-error location in VS Code drops from roughly 17.5 seconds to 1.3 seconds with the new compiler.
— Vue 3.6's Vapor Mode compiles templates directly to DOM manipulation code, eliminating VNode allocation, tree diffing, and patch calculation.
— Vapor Mode is opt-in per component via a `vapor` attribute on `<script setup>`, and components using it coexist with traditional virtual DOM components in the same tree.
— alien-signals, a 1KB reactivity library, replaces Vue's old system with a push-pull hybrid algorithm, yielding a 4x speedup over Vue 3.4 and 30x higher computed throughput.
— Vercel's json-render uses Zod schemas to define a component catalog that constrains LLM-generated UI, with renderers for React, Vue, Svelte, Solid, and React Native.
— Bun migrated 535,000 lines of Zig to Rust in 11 days using 64 parallel Claude Code instances, burning 5.9 billion input tokens at a cost of $165,000.
— The Rust migration achieved a 100% test pass rate and addressed systemic memory-safety bugs that manual patching could not fix in the Zig codebase.
— Figma Code Layers now enables bidirectional sync between design files and code, closing the design-to-development loop.
Conclusions

Virtual DOM removal is no longer a niche framework differentiator — it is becoming the default compilation strategy for mainstream tools, with Vue joining Solid and Svelte.

The TypeScript team's choice of Go over Rust for the compiler rewrite prioritizes fast goroutine-based parallelism and a shallower learning curve for contributors, diverging from the Rust-centric trend in bundlers and runtimes.

Bun's AI-led migration demonstrates that large-scale, safety-critical refactors can be automated when the target language's type system catches the bugs the source language allowed. The $165,000 price tag makes this viable for mid-sized teams, not just well-funded startups.

json-render and Google's A2UI both converge on the same pipeline — AI to JSON to component catalog to UI — but split on coupling: tight integration with app-specific components versus general-purpose agent UI. That tension will define the next generation of AI-driven interfaces.

Frontend frameworks are now optimizing for two distinct consumers: human developers writing code and AI agents generating it. Vapor Mode's direct DOM output benefits both, but the design pressure is shifting toward machine-friendly output.

Concepts & terms
Vapor Mode
A Vue 3.6 compilation strategy that analyzes templates at build time and generates direct DOM manipulation code instead of virtual DOM nodes, eliminating runtime diffing and patching overhead.
alien-signals
A 1KB-minified reactivity library using a push-pull hybrid algorithm. It defers recomputation until a value is actually read, and was integrated into Vue 3.6's core to replace the previous reactivity system.
json-render
A Vercel framework where developers define a catalog of allowed UI components via Zod schemas, and LLMs generate JSON constrained to that catalog. Renderers exist for React, Vue, Svelte, Solid, and React Native.
Self-hosting compiler
A compiler written in the language it compiles. TypeScript's compiler was historically written in TypeScript and ran on Node.js, which imposed single-threaded, garbage-collected, JIT-warmed execution limits that the Go rewrite removes.
Source: juejin.cn ↗ Google Translate ↗ Backup ↗