ngrx-graph
أداة سطر أوامر تقرأ كود NgRx المصدري لديك وترسم رسومًا بيانية DOT/SVG تُظهر كيف ترتبط الإجراءات (Actions) والمؤثرات (Effects) والمُخِفّات (Reducers)، بما في ذلك الأسماء المستعارة والإرسالات المتداخلة.
اقرأ المقال كاملاً ←ngrx-graph يقرأ كود Angular NgRx الخاص بك ويرسم لك كيف يرتبط كل شيء ببعضه. يعتمد على شجرة النحو المجردة (AST) في TypeScript ليجتاز الكود، فيلتقط ما عادةً ما يفوته التتبع اليدوي: الأسماء المستعارة عند الاستيراد، والإجراءات التي تُطلق من أعماق عوامل RxJS المتداخلة. النتيجة مخطط DOT أو SVG تتابعه بنظرة واحدة.
أمر واحد يغنيك عن نصف يوم من القفز بين الملفات مطاردًا استدعاءات dispatch(). وجّهه إلى إجراء واحد وتحصل على تلك السلسلة فقط، من البداية إلى النهاية. ولّد المخطط الكامل للمشروع وسترى أخيرًا المؤثرات التي تُطلق إجراءات في الخلفية لم تكن تعلم بوجود رابط بينها.