إتقان إدارة الحالة Angular الحديثة باستخدام Signals وNgRx وRxJS. يُستخدم عند إعداد الحالة العالمية، أو إدارة مخازن المكونات، أو الاختيار بين حلول الحالة، أو الترحيل من الأنماط القديمة.
ثبّت مهارة الذكاء الاصطناعي angular-state-management بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: sickn33/antigravity-awesome-skills.
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 |
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/sickn33/antigravity-awesome-skills --skill angular-state-managementإتقان إدارة الحالة Angular الحديثة باستخدام Signals وNgRx وRxJS. يُستخدم عند إعداد الحالة العالمية، أو إدارة مخازن المكونات، أو الاختيار بين حلول الحالة، أو الترحيل من الأنماط القديمة. المصدر: sickn33/antigravity-awesome-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/sickn33/antigravity-awesome-skills --skill angular-state-management بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/sickn33/antigravity-awesome-skills