Compétences angular-state-management
📦

angular-state-management

Sûr

تنفيذ إدارة الحالة في Angular

تعد إدارة الحالة في Angular معقدة مع حلول متعددة. توفر هذه المهارة أطر اتخاذ القرار وأنماط التنفيذ للإشارات (Signals) وNgRx ومخازن المكونات (Component Stores) وأنماط RxJS لبناء تطبيقات قابلة للصيانة.

Prend en charge: Claude Codex Code(CC)
🥉 75 Bronze
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "angular-state-management". متى يجب أن أستخدم الإشارات (Signals) مقابل NgRx Store؟

Résultat attendu:

  • استخدم الإشارات (Signals) عندما: حالة محلية بسيطة، حالة مشتركة بين عدد قليل من المكونات، قيم مشتقة محسوبة، حلول خفيفة الوزن مطلوبة
  • استخدم NgRx Store عندما: تبعيات معقدة عبر الميزات، تصحيح الأخطاء بالسفر عبر الزمن مطلوب، تدفق بيانات أحادي الاتجاه صارم مطلوب، تنسيق فريق كبير

Utilisation de "angular-state-management". إنشاء خدمة حالة المستخدم مع الإشارات

Résultat attendu:

  • الخدمة تشمل: إشارات خاصة قابلة للكتابة، إشارات عامة للقراءة فقط باستخدام asReadonly()، قيم محسوبة للحالة المشتقة، أساليب لتحديث الحالة

Audit de sécurité

Sûr
v1 • 2/24/2026

Static analysis flagged 70 potential issues. Manual review confirms all findings are false positives. The 'Ruby/shell backtick execution' findings are triggered by markdown code fences and TypeScript template literals. 'Weak cryptographic algorithm' is triggered by words like 'sha' in 'shared' and 'source'. Network-related findings are legitimate documentation URLs and code examples. This is a genuine Angular state management documentation skill with no security concerns.

3
Fichiers analysés
691
Lignes analysées
0
résultats
1
Total des audits
Aucun problème de sécurité trouvé
Audité par: claude

Score de qualité

38
Architecture
100
Maintenabilité
87
Contenu
50
Communauté
100
Sécurité
96
Conformité aux spécifications

Ce que vous pouvez construire

اختر الحل الصحيح للحالة

احصل على إرشادات حول متى تستخدم الإشارات (Signals) للحالة البسيطة، أو مخازن المكونات للحالة المحددة بالميزة، أو NgRx Store للتطبيقات المؤسسية ذات التدفقات المعقدة.

تنفيذ أنماط الإشارات الحديثة

تعلم إنشاء خدمات مبنية على الإشارات مع القيم المحسوبة، وتحويل toSignal من Observables، وأنماط عدم التغيير المناسبة.

إعداد NgRx SignalStore

قم بتكوين NgRx SignalStore مع withState وwithMethods وwithComputed لإدارة حالة النوع الآمن للميزات دون قوالب.

Essayez ces prompts

استعلام الحل الأساسي للحالة 
لدي تطبيق Angular مع [وصف حالة الاستخدام]. هل يجب أن أستخدم الإشارات (Signals) أو Component Store أو NgRx؟ ما العوامل التي يجب أن تؤثر على قراري؟
تنفيذ خدمة الإشارة 
قم بإنشاء خدمة مبنية على الإشارات لإدارة [وصف الحالة]. قم بتضمين إشارات قابلة للكتابة (writable signals)، وقيم محسوبة، وأساليب لتحديث الحالة.
إعداد NgRx Store 
قم بإعداد NgRx Store لـ [صف الميزة]. قم بتضمين الإجراءات مع createActionGroup، ومختزلة (reducer)، ومحددات (selectors)، وتأثيرات (effects) للعمليات غير المتزامنة.
الترحيل من BehaviorSubject 
قم بتحويل خدمة RxJS BehaviorSubject إلى إشارات Angular الحديثة. اعرض الأنماط قبل وبعد مع التفاعلية المناسبة.

Bonnes pratiques

  • فضل الإشارات (Signals) لتطبيقات Angular الجديدة - إنها الطريقة الحديثة الموصى بها
  • استخدم computed() لجميع الحالات المشتقة لضمان التحديثات التلقائية
  • اجعل الحالة قريبة من الميزة التي تستخدمها بدلاً من الحالة العالمية
  • استخدم NgRx عندما تحتاج إلى تصحيح الأخطاء بالسفر عبر الزمن، أو أنماط صارمة، أو تنسيق مؤسسي

Éviter

  • تجنب تغيير الإشارات مباشرة - استخدم دائماً set() أو update()
  • لا تعمم الحالة بشكل مفرط - أبقِها محلية عندما يكون ذلك ممكناً لتقليل التعقيد
  • تجنب خلط RxJS والإشارات بدون أنماط ربط واضحة
  • لا تشترك في المكونات للحالة - استخدم الإشارات مباشرة في القوالب

Foire aux questions

ما هي أبسط إدارة حالة في Angular؟
الإشارات (Signals) هي الأبسط. استخدم signal() للحالة القابلة للكتابة وcomputed() للقيم المشتقة. لا حاجة لمكتبات إضافية.
متى يجب أن أستخدم NgRx بدلاً من الإشارات؟
استخدم NgRx للتطبيقات الكبيرة ذات تدفقات الحالة المعقدة، عندما تحتاج إلى تصحيح الأخطاء بالسفر عبر الزمن، أو عندما يعمل عدة فرق على نفس الكود.
هل يمكنني خلط الإشارات مع RxJS؟
نعم. استخدم toSignal() لتحويل Observables إلى إشارات، وtoObservable() لتحويل الإشارات إلى Observables. يوفر Angular دعماً مدمجاً.
ما هو NgRx SignalStore؟
SignalStore هو نمط NgRx جديد يوفر حالة تفاعلية مع القيم المحسوبة والأساليب. إنه أخف من NgRx Store التقليدي.
كيف أترحيل من BehaviorSubject إلى الإشارات؟
استبدل BehaviorSubject بـ signal(). استبدل .next() بـ .set() أو .update(). استبدل .asObservable() بـ .asReadonly().
هل هذه الميزة تكتب الكود لي؟
نعم، هذه الميزة تولد أمثلة الكود والأنماط. يمكنك نسخها إلى مشروعك. إنها لا تعدل الملفات مباشرة.

Détails du développeur

Auteur

sickn33

Licence

MIT

Dépôt

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/angular-state-management

Réf

main

Structure de fichiers

📄 metadata.json

📄 README.md

📄 SKILL.md