angular-state-management
مدیریت state در Angular با Signals، NgRx و RxJS
این اسکیل مدیریت state مدرن Angular را پوشش میدهد: state سراسری، component store، انتخاب راهکار و مهاجرت از الگوهای قدیمی.
چه چیزی میگیرید
- Signals
- NgRx
- RxJS
برای چه کاری خوب است
- اپهای Angular بزرگ
- انتخاب راهکار state
برای چه کاری نیست
- اپهای کوچک
دربارهٔ این اسکیل
Angular State Management
Comprehensive guide to modern Angular state management patterns, from Signal-based local state to global stores and server state synchronization.
Detailed Guide
Read the detailed guide before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.
When to Use This Skill
- Setting up global state management in Angular
- Choosing between Signals, NgRx, or Akita
- Managing component-level stores
- Implementing optimistic updates
- Debugging state-related issues
- Migrating from legacy state patterns
Do Not Use This Skill When
- The task is unrelated to Angular state management
- You need React state management → use
react-state-management
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Example
For a shared cart counter, use a private writable signal and a public read-only
signal. For remote cart writes, keep authorization on the server and test two
overlapping updates before adding optimistic rollback.