3 مستودعات
Awesome GitHub RepositoriesState Flow Visualizers
Interactive displays of component trees showing props and state to trace parent-child data relationships.
Distinct from Component Interaction Management: Distinct from Component Interaction Management: focuses on visualizing state flow through the component tree, not controlling visibility or toggling components.
Explore 3 awesome GitHub repositories matching user interface & experience · State Flow Visualizers. Refine with filters or upvote what's useful.
Awesome State Flow Visualizers GitHub Repositories
اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
- reactide/reactide
reactide/reactide
10,502عرض على GitHubReactide is the first dedicated IDE for React web application development.
Displays a live, interactive component tree showing props and state for every component to trace parent-child relationships.
JavaScriptdesktop-appdevtoolselectron - day8/re-frame
day8/re-frame
5,532عرض على GitHubre-frame هو إطار عمل وظيفي لبناء تطبيقات الصفحة الواحدة (SPA) باستخدام ClojureScript. يوفر قاعدة بيانات مركزية غير قابلة للتغيير تعمل كمصدر وحيد للحقيقة لحالة التطبيق بالكامل، مما يفرض تدفق بيانات أحادي الاتجاه صارم حيث تؤدي الأحداث إلى تغييرات في الحالة وتحديثات لاحقة للعرض. يتميز إطار العمل برسم بياني تفاعلي للإشارات وخط أنابيب (pipeline) وسيط يعتمد على المعترضات (interceptors). من خلال التعامل مع منطق التطبيق كسلسلة من الأحداث القائمة على البيانات والآثار الجانبية التصريحية، فإنه يفصل منطق الأعمال عن طبقة العرض. تسمح هذه البنية للمطورين بإدارة تغييرات الحالة المعقدة والعمليات الخارجية من خلال دوال نقية، مما يضمن تنفيذ الآثار الجانبية بواسطة مترجم منفصل بدلاً من الاستدعاءات الإلزامية. يتضمن النظام مجموعة شاملة من الإمكانيات لإدارة بنية التطبيق، بما في ذلك اشتقاق البيانات التفاعلي، ومطابقة العرض القائمة على الاشتراكات، وإدارة الحالة القائمة على الأحداث. يدعم سير عمل التطوير المتقدم مثل تتبع الأحداث، وحفظ نقاط فحص الحالة، والقدرة على محاكاة الآثار الجانبية للاختبار المعزول. تم تصميم المشروع للتكامل مع React، مستفيداً من مطابقة DOM الافتراضي لتحديث واجهات المستخدم بكفاءة. يوفر مجموعة قوية من الأدوات للتعامل مع الاهتمامات المتقاطعة، وإدارة رسوم بيانية معقدة لتدفق البيانات، وتنسيق العمليات غير المتزامنة ضمن خط أنابيب أحداث متسلسل وقابل للتنبؤ.
Provides interactive displays of component trees and state flow to trace data relationships and debug application logic.
Clojureclojurescriptre-framereact - open-source-labs/reactime
open-source-labs/Reactime
2,238عرض على GitHubReactime هو إضافة متصفح مصممة لتصحيح أخطاء وتحليل أداء تطبيقات React. يوفر واجهة متخصصة لمراقبة تسلسلات هرمية للمكونات، وتتبع انتقالات الحالة، وتحليل تدفق البيانات داخل أشجار المكونات المعقدة. تتميز الأداة بقدرات تصحيح الأخطاء عبر الزمن (time-travel debugging)، والتي تسمح للمطورين بالتقاط وإعادة تشغيل لقطات الحالة لعزل أخطاء المنطق. كما تتميز برسام خرائط تبعيات (dependency graph mapper) يقوم بتصور العلاقات بين المزودين والمستهلكين، مما يوضح كيفية توزيع المعلومات في جميع أنحاء التطبيق. بعيداً عن تصحيح الأخطاء الأساسي، يتضمن المشروع أدوات مراقبة الأداء التي تقيس فترات وتكرارات العرض (render) لتحديد الاختناقات. كما يدعم سير العمل التعاوني من خلال تمكين تصدير واستيراد ملفات سجل الحالة، مما يسمح للفرق بمشاركة وتحليل حالات تطبيق محددة عبر جلسات مختلفة.
Provides interactive displays of component trees showing props and state to trace parent-child data relationships.
TypeScriptaccessibilitychrome-extensiondevtools-extension
