现代Angular（v20+）专家，深入掌握Signals、独立组件、无Zone应用、SSR/水合和响应式模式。
技能概述
angular 技能是一个专业的现代Angular开发技能，专注于Signals、独立组件、无Zone应用、SSR/水合和最新的响应式模式。该技能深入掌握Angular 20+的现代特性和最佳实践。
下载地址：https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/angular
主要功能
- Signals: Angular的细粒度响应式系统
- 独立组件: 无需NgModule的组件架构
- 无Zone应用: 摆脱zone.js的变更检测
- SSR/水合: 服务端渲染和水合优化
- 响应式模式: 现代响应式编程模式
- 性能优化: Angular应用性能调优
触发条件
在以下情况下应该调用此技能:
- 构建新的Angular应用（v20+）
- 实现基于Signals的响应式模式
- 创建独立组件和从NgModule迁移
- 配置无Zone Angular应用
- 实现SSR、预渲染和水合
- 优化Angular性能
- 采用现代Angular模式和最佳实践
Angular版本时间线
| 版本 | 发布时间 | 关键特性 |
|---|---|---|
| Angular 20 | 2025年Q2 | Signals稳定版、无Zone稳定版、增量水合 |
| Angular 21 | 2025年Q4 | Signals优先默认、增强SSR |
| Angular 22 | 2026年Q2 | Signal Forms、无选择器组件 |
核心概念
1. Signals：新的响应式原语
- 可写信号：signal()
- 计算信号：computed()
- 副作用：effect()
- 信号输入和输出
2. 独立组件
- standalone: true
- 无需NgModule
- 直接导入依赖
- 简化引导过程
3. 无Zone应用
- 摆脱zone.js依赖
- Signals驱动的变更检测
- 更细粒度的更新
- 更好的性能
4. SSR和水合
- 服务端渲染
- 增量水合
- 预渲染
- 客户端水合
最佳实践
- 采用Signals: 使用Signals替代传统的响应式模式
- 独立组件优先: 新项目使用独立组件
- 渐进式迁移: 现有应用逐步迁移
- 性能测试: 变更后进行性能测试
- 保持兼容性: 迁移期间保持向后兼容
安全提示
- 始终在开发环境测试后再部署到生产环境
- 现有应用采用渐进式迁移（避免大规模重构）
- 迁移期间保持向后兼容性
限制说明
重要提示：
- 仅当任务明确符合上述范围时使用此技能
- 不要将输出视为环境特定验证、测试或专家审查的替代品
- 如果缺少所需的输入、权限、安全边界或成功标准，请停止并请求澄清
