Awesome GitHub RepositoriesDirect DOM Node Access

Vugu هي مكتبة وإطار عمل Go WebAssembly UI يُستخدم لبناء تطبيقات صفحة واحدة قائمة على المكونات وآمنة من حيث النوع. تعمل كإطار عمل مكون من ملف واحد يجمع الترميز، والأنماط، والمنطق في وحدات نمطية، باستخدام محرك DOM افتراضي لمزامنة تغييرات الحالة مع مخرجات المتصفح. يتميز المشروع بمولد مكونات Go الذي يحول قوالب واجهة المستخدم المخصصة إلى كود مصدر Go قابل للتنفيذ في وقت التجميع. يتميز من خلال وقت تشغيل قائم على WebAssembly ينفذ منطق التطبيق كملف ثنائي مجمع في المتصفح وأداة عرض من جانب الخادم لإنشاء HTML ثابت لتحسين أوقات التحميل الأولية. يغطي إطار العمل مجموعة واسعة من القدرات بما في ذلك التوجيه القائم على الملفات، وإدارة دورة حياة المكونات، ومزامنة واجهة المستخدم القائمة على الحالة. يوفر أساسيات لتكوين المكونات، ومعالجة الأحداث، وربط البيانات الديناميكي، مدعومًا بخادم تطوير وأتمتة بناء لتحسين حجم الملف الثنائي.

Reagent هو إطار عمل لبناء واجهات مستخدم الويب باستخدام ClojureScript و React.js. يتيح نهج البرمجة الوظيفية لتصميم واجهة المستخدم التصريحية، حيث يتم تعريف هياكل HTML وتسلسلات هرمية للمكونات باستخدام بناء جملة Hiccup القائم على المتجهات بدلاً من JSX. يتميز المشروع من خلال نظام إدارة حالة تفاعلي يعتمد على الذرات (atoms). يتتبع المكونات التي تقوم بإلغاء مرجعية ذرات حالة معينة لتشغيل إعادة العرض التلقائي ويوفر مؤشرات حالة لعزل التحديثات إلى مسارات معينة لذرة حالة أكبر. كما يتضمن أدوات لتغليف مكونات JavaScript الأصلية ومكتبات الطرف الثالث لضمان بقائها متوافقة مع دورة العرض الوظيفية. يغطي إطار العمل مجموعة واسعة من القدرات، بما في ذلك التوفيق بين DOM الافتراضي، وإدارة دورة الحياة للآثار الجانبية والتنظيف، وتحسين أداء العرض من خلال تجميع التحديثات وتخزين الحسابات مؤقتاً (memoization). كما يوفر أدوات لعرض جانب الخادم لسلاسل HTML الثابتة، ومشاركة الحالة العالمية عبر السياق، وأساسيات الأمان لتعقيم محتوى HTML.