Angular Signals vs Observables — 我真正学到的

Source: Dev.to

Signals vs Observables Overview

• Signals 是关于 状态 的。
• Observables 是关于 随时间变化的流 的。

When Signals Shine

• 本地组件状态
• 派生值
• 基于模板的响应式

Characteristics of Signals

• 同步的
• 显式的
• 易于追踪

当信号发生变化时，Angular 能准确知道需要更新哪些内容，使得组件：

• 更小
• 更易于推理
• 对 RxJS 操作符的依赖更少

When Observables Remain the Right Tool

• HTTP 请求
• 用户事件
• WebSocket
• 异步工作流

Key Observable Features

• subscribe
• switchMap
• retry
• debounceTime

在这些场景中尝试用 Signals 替代 Observables 只会增加混乱。

The Most Important Lesson

真正的提升并不是性能——而是 清晰度。不再把 RxJS 强行用于所有地方，我现在会先问：

• 这是状态吗？ → Signal
• 这是随时间的异步吗？ → Observable

这个单一问题提升了可读性、可维护性以及团队沟通。

How I Use Them Together

1. 使用 Observables 获取数据。
2. 将结果转换为 Signals。
3. 让 Signals 驱动 UI。

这种组合感觉自然且平衡。Angular 并未失去力量，Signals 也没有让 Observables 变得过时——对我而言，这才是真正的胜利。