2025 was the year frontend technology went from experimental to mature: React 20 Compiler stabilized, Angular 21 completed its Signals transition, Vue Vapor Mode landed, Rolldown reached stable production use, and AI programming tools moved from assistants to core collaborators. On the last day of 2025, here's a complete annual roundup.
年度关键词:Signal 统治响应式
2025 年各大框架都走向了 Signal 驱动的响应式模型:
Signal 化进程年度总结(2025):
Angular → 21 版本完成全面 Signal 化(Forms、Queries、Zoneless 全稳定)
Vue → Vapor Mode(无 VDOM + 原生 Signal)在 Vue 3.6 进入稳定预览
Svelte → Svelte 5 Runes(2024 发布,2025 全面普及)
Solid → 继续在 Signal 领域领先,成为框架技术参考
Preact → Preact Signals 成为 Preact 的推荐状态管理
React → 无原生 Signal,但 React Compiler 弥补了手动记忆化的痛点
React 生态 2025 年度总结
typescript
// 2025 年 React 技术栈的最佳组合
// React 20 + React Compiler + Server Actions + Suspense
// ① React Compiler(稳定版):自动记忆化,彻底告别手写 useMemo
function ProductList({ products, searchTerm }) {
// Compiler 自动处理所有优化
const filtered = products.filter(p => p.name.includes(searchTerm));
return filtered.map(p => <ProductCard key={p.id} product={p} />);
}
// ② Server Actions(成熟):表单和数据变更的一等公民
async function updateProduct(id: string, data: FormData) {
'use server';
await db.products.update({ where: { id }, data: Object.fromEntries(data) });
revalidatePath('/products');
}
// ③ use() Hook:直接读取 Promise(无需 useEffect + useState)
function AsyncProfile({ profilePromise }) {
const profile = use(profilePromise);
return <div>{profile.name}</div>;
}
Angular 2025 年度总结
Angular 版本路线(2025年):
19.1(1月) → linkedSignal 完善
19.2(2月) → Signal Forms 开发者预览启动
19.3(3月) → 增量水合稳定
20.0(5月) → Zoneless 稳定,Signal Forms 开发者预览
20.1(7月) → httpResource API 完善
20.2(8月) → Signal Forms 深化
21 RC(10月)→ Signal Forms 将稳定
21.0(11月)→ Signal Forms 正式稳定,转型完成 ✅
构建工具 2025 年度总结
工具 状态变化 主要贡献
──────────────────────────────────────────────────────────
Rolldown 2025 年中稳定,Vite 7 集成 Rust 重写 Rollup,构建快 10x+
oxc oxlint 规则集完善至 80%+ 替代 ESLint 的成熟方案
Vite 7 Rolldown 作为生产后端 构建速度革命
Turbopack Next.js 16 生产默认 Next.js 生态独占
Farm 小众但性能极佳 Rust 构建工具竞争者
AI 辅助编程 2025 年度总结
2025 年 AI 编程工具的成熟标志:
① 多文件 Agent 编写(Cursor、Windsurf、Claude Code)
→ 从"单文件补全"到"功能模块生成"
→ 前端重复性工作(CRUD 页面、表单组件)生产率提升 3-5x
② 测试生成自动化
→ 写函数时 AI 同步生成测试用例
→ 单元测试覆盖率维持 80% 的成本大幅降低
③ 代码 Review AI
→ 安全漏洞(XSS、CSRF)自动检测
→ 性能反模式识别
④ 设计到代码
→ Figma MCP 集成 + AI 生成 → 组件质量达到可用水平
2025 年最值得关注的技术演进
1. CSS Anchor Positioning 全面可用(≥78% 支持)
→ Popper.js/Floating UI 对基础场景不再必要
2. View Transitions v2(跨文档)
→ MPA 也能有 SPA 级别的页面过渡动画
3. HTML Popover + anchor() 组合
→ 纯 HTML+CSS 实现大部分弹出层场景
4. JavaScript 新 API 大丰收
→ Iterator Helpers、Set.prototype.union 等进入 Baseline
→ Array.fromAsync、Promise.try 广泛可用
5. TypeScript 5.8 erasableSyntaxOnly
→ 为 Node.js 原生 .ts 支持铺路
展望 2026
最值得期待:
① React Native 新架构 + React 20 在移动端全面稳定
② Angular 22:Zoneless 全面普及,VDOM-less 探索
③ Vue Vapor Mode 正式稳定(无 VDOM 的 Vue 3)
④ Rolldown + oxc 工具链成熟(前端工具链 Rust 化完成)
⑤ CSS if()、CSS masonry layout 等草案进入 Baseline
⑥ AI Agent 开发从"辅助"到"协同"的分工更清晰
Summary
2025 年前端的核心叙事是:Signal 作为响应式原语统一了各大框架的设计语言,构建工具完成了 Rust 化转型,AI 编程工具达到了真正可用于日常工作的成熟度。对于前端开发者,2025 年的核心收获是:熟悉了 Signal 模型(无论是 Angular/Vue/Svelte)、用上了 Compiler 级别的优化(React Compiler/Svelte 5)、并真正将 AI 工具融入了日常工作流。2026 年见。
