Angular 版本 21 升级示例

Source: Dev.to

概述

这个 Angular Web 应用是我在 2020 年作为自学项目开发的第一个。自 Angular 8 起，它一直定期升级，最近从 Angular 20 迁移到 Angular 21。实时演示可在此查看。

性能提升

• 新应用默认使用 zoneless change detection。
• 构建优化，例如 esbuild/Vite integration，可实现：
  • 更快的应用渲染
  • 更小的包体积（最高可减少 40 %）
  • 更快的构建时间

使用 Signals 简化响应式

• Signals 已完整集成，提供了一种简洁的状态管理方式。
• 这减少了对复杂 RxJS 模式的需求，用于基本的 UI 更新，从而简化了开发者体验。

增强的服务器端渲染 (SSR) 与 SEO

• 对 SSR 和 hydration 的改进，包括 SSR streaming 和更快的 hydration，带来：
  • 更佳的 Core Web Vitals
  • 提升的 SEO
  • 更流畅的用户体验