angular-state-management
✓使用 Signals、NgRx 和 RxJS 掌握现代 Angular 状态管理。在设置全局状态、管理组件存储、在状态解决方案之间进行选择或从遗留模式迁移时使用。
SKILL.md
Comprehensive guide to modern Angular state management patterns, from Signal-based local state to global stores and server state synchronization.
| Local State | Component-specific, UI state | Signals, signal() | | Shared State | Between related components | Signal services | | Global State | App-wide, complex | NgRx, Akita, Elf | | Server State | Remote data, caching | NgRx Query, RxAngular | | URL State | Route parameters | ActivatedRoute | | Form State | Input values, validation | Reactive Forms |
| Use Signals for local state | Simple, reactive, no subscriptions | | Use computed() for derived data | Auto-updates, memoized | | Colocate state with feature | Easier to maintain | | Use NgRx for complex flows | Actions, effects, devtools | | Prefer inject() over constructor | Cleaner, works in factories |
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/sickn33/antigravity-awesome-skills --skill angular-state-management- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-05
- 更新时间
- 2026-02-18
快速解答
什么是 angular-state-management？
使用 Signals、NgRx 和 RxJS 掌握现代 Angular 状态管理。在设置全局状态、管理组件存储、在状态解决方案之间进行选择或从遗留模式迁移时使用。 来源：sickn33/antigravity-awesome-skills。
如何安装 angular-state-management？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/sickn33/antigravity-awesome-skills --skill angular-state-management 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/sickn33/antigravity-awesome-skills
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-05