Awesome GitHub RepositoriesClass-Based Components

Vue هو إطار عمل JavaScript تقدمي قائم على المكونات مصمم لبناء واجهات مستخدم تفاعلية وتطبيقات الصفحة الواحدة. يركز على نظام قوالب تصريحي يحول HTML إلى وظائف عرض فعالة، مما يسمح للمطورين بتنظيم الواجهات المعقدة في وحدات معزولة وقابلة لإعادة الاستخدام تتزامن تلقائياً مع حالة التطبيق. يتميز إطار العمل بنظام تفاعلية لتتبع التبعيات يراقب الوصول إلى البيانات أثناء العرض لإطلاق تحديثات دقيقة. يوفر بنية مرنة تدعم كلاً من التبني التزايدي كمكتبة خفيفة الوزن وتطوير التطبيقات على نطاق واسع. يمكن للمطورين الاستفادة من نموذج قابلية توسيع قوي قائم على الإضافات لحقن المنطق العام، بينما يضمن توفيق DOM الافتراضي لإطار العمل تحديثات فعالة للواجهة من خلال حساب الحد الأدنى من الطفرات. بعيداً عن قدرات العرض الأساسية، يتضمن المشروع مجموعة شاملة من الأدوات لإدارة حالة التطبيق، والتوجيه القائم على URL، والعرض من جانب الخادم. يوفر دعماً واسعاً لتركيب المكونات، وتوزيع المحتوى، وإدارة الرسوم المتحركة، إلى جانب تدابير أمنية مدمجة مثل الهروب التلقائي للمحتوى لمنع الثغرات الشائعة. يتم توزيع إطار العمل مع إعلانات نوع رسمية لدعم التحليل الثابت ويمكن تثبيته عبر مديري الحزم القياسيين أو دمجه مباشرة في بيئات المتصفح عبر علامات البرنامج النصي.

Preact is a lightweight declarative user interface library designed for building high-performance web applications. It utilizes a component-based architecture where interfaces are defined as functional or class-based units, relying on a virtual DOM to perform efficient state reconciliation and updates. By prioritizing a minimal footprint, the library enables developers to create modular, predictable, and testable user interfaces while maintaining compatibility with standard browser APIs. The library distinguishes itself through a reactive state engine that leverages signals to track dependenc

Aurelia is a JavaScript web framework and component-based UI system used to build applications for browser, mobile, and desktop environments. It functions as a frontend application orchestrator and data binding library that synchronizes application state with the view to render dynamic content and process user input. The framework implements a component architecture that pairs logic classes with HTML templates to create reusable visual elements. It utilizes a dependency injection container to manage object lifecycles and a modular composition model that aggregates independent functional packa

توفر هذه المكتبة نمطاً هيكلياً لبناء مكونات واجهة المستخدم باستخدام فئات ES6 والمزخرفات (decorators). تعمل كمكتبة مكونات TypeScript تسمح للمطورين بإدارة الحالة والمنطق داخل إطار عمل Vue من خلال تعريف المكونات كفئات بدلاً من استخدام كائنات الخيارات القياسية. يستخدم المشروع مزخرف TypeScript لترجمة خصائص وطرق الفئة إلى الصيغة القياسية المطلوبة بواسطة بيئة تشغيل إطار العمل. يتيح هذا النهج معمارية مكونات قائمة على الفئات تستفيد من TypeScript لتحسين أمان النوع وتنظيم الكود. يحول النظام التعريفات القائمة على الفئات إلى كائنات JavaScript عادية من خلال استخراج المنطق القائم على النموذج الأولي والتعيين القائم على المزخرفات. كما يزامن تحديثات البيانات عن طريق تعيين أعضاء مثيل الفئة لنظام الحالة التفاعلي للمكون.

هذا المشروع عبارة عن مجموعة أدوات تعتمد على TypeScript توفر مصممات (decorators) وهياكل قائمة على الفئات لبناء مكونات Vue.js. تعمل كغلاف يستبدل تكوين كائن واجهة برمجة التطبيقات القياسي بمكتبة قائمة على الفئات، مما يسمح للمطورين بتحديد منطق المكون، والحالة، والبيانات الوصفية باستخدام خصائص مكتوبة (typed properties). تركز مجموعة الأدوات على استخدام مصممات TypeScript لتعيين خصائص الفئة إلى خيارات المكون مثل الدعائم (props)، والنماذج، والمراقبين. تتيح التحقق من الدعائم القائم على النوع وتوفر بناء جملة مهيكلاً لإدارة مزامنة الحالة التفاعلية وتواصل المكونات. تغطي المكتبة مجالات قدرة واسعة بما في ذلك مشاركة البيانات الهرمية من خلال حقن التبعية، وربط النموذج ثنائي الاتجاه، ومراقبة تغيير الخصائص. كما تتضمن أنظمة لإنشاء مراجع مكتوبة لعناصر HTML أو مثيلات المكونات الفرعية للتلاعب المباشر.

هذا هو موقع التوثيق الشامل لإطار عمل JavaScript التقدمي Vue 2. وهو بمثابة مرجع فني ودليل تطوير لبناء واجهات مستخدم تفاعلية وتطبيقات الصفحة الواحدة. يوفر الموقع مرجعاً مفصلاً لـ JavaScript API ودليل مكونات الويب. ويغطي تنفيذ البنى القائمة على المكونات، وإدارة الحالة التفاعلية، واستخدام DOM افتراضي لمزامنة حالة التطبيق مع المتصفح. تشرح الوثائق الإمكانيات بما في ذلك التوجيه من جانب العميل، ومعالجة DOM التعريفية، وتحسينات بناء الواجهة الأمامية مثل العرض من جانب الخادم وتجميع القوالب المسبق. كما تشرح نهج إطار العمل لمزامنة الحالة، ودورات حياة المكونات، واستخدام التوجيهات المخصصة. يتم الحفاظ على المحتوى كمجموعة من البرامج التعليمية والمواصفات، مع تحرير الوثائق عبر Markdown.

Lit-element هو إطار عمل للعناصر المخصصة ومكتبة واجهة مستخدم تفاعلية توفر فئة أساسية لإنشاء عناصر HTML قياسية. صُمم لبناء مكونات ويب تقوم بتحديث حالتها المرئية تلقائياً عند تغير الخصائص أو البيانات الداخلية. يمكن المشروع من تطوير مكونات مغلفة باستخدام shadow root لعزل الأنماط والهيكل. ويستخدم قوالب JavaScript الحرفية لعرض قوالب تعريفية دون الحاجة إلى خطوة تجميع. تغطي المكتبة إدارة الحالة من خلال تتبع الخصائص التفاعلية ومزامنة خصائص فئة JavaScript مع سمات HTML. كما تتضمن قدرات لتحديد نطاق محددات CSS وإدارة دورات العرض غير المتزامنة للتعامل مع تحديثات الواجهة.

TypeScript-Vue-Starter هو قالب مشروع مهيأ مسبقاً ومجموعة أدوات بداية مصممة لبناء تطبيقات ويب باستخدام Vue و TypeScript. يوفر أساساً هيكلياً لإنشاء بيئات واجهة مستخدم آمنة من حيث النوع (type-safe) من خلال هيكلة المشروع المتكاملة والقوالب الجاهزة. يتميز المشروع بدمج مصممات فئات TypeScript (class decorators) مع مكونات Vue، مما يسمح بنهج منظم لتعريف بيانات المكونات وخصائصها. يدعم هذا الإعداد مكونات الملف الواحد التي تجمع بين الترميز (markup) والتنسيق والمنطق في وحدات نمطية ومفحوصة النوع. تتضمن البيئة خطوط معالجة بناء تلقائية وتجميع أصول لتحويل الكود المصدري المكتوب بقوة الأنواع إلى JavaScript قابلة للتوزيع. تدير هذه الأدوات عملية التجميع وتغلف عناصر الواجهة القابلة لإعادة الاستخدام للتنفيذ في متصفحات الويب.