2 مستودعات
Awesome GitHub RepositoriesVue Component Development Patterns
Architectural patterns and methodologies for authoring reusable components within the Vue ecosystem.
Distinct from Vue Component Libraries: Existing candidates focus on component libraries or wrappers rather than the pattern of development itself.
Explore 2 awesome GitHub repositories matching web development · Vue Component Development Patterns. Refine with filters or upvote what's useful.
Awesome Vue Component Development Patterns GitHub Repositories
اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
- vuejs/vue-class-component
vuejs/vue-class-component
5,763عرض على GitHubتوفر هذه المكتبة نمطاً هيكلياً لبناء مكونات واجهة المستخدم باستخدام فئات ES6 والمزخرفات (decorators). تعمل كمكتبة مكونات TypeScript تسمح للمطورين بإدارة الحالة والمنطق داخل إطار عمل Vue من خلال تعريف المكونات كفئات بدلاً من استخدام كائنات الخيارات القياسية. يستخدم المشروع مزخرف TypeScript لترجمة خصائص وطرق الفئة إلى الصيغة القياسية المطلوبة بواسطة بيئة تشغيل إطار العمل. يتيح هذا النهج معمارية مكونات قائمة على الفئات تستفيد من TypeScript لتحسين أمان النوع وتنظيم الكود. يحول النظام التعريفات القائمة على الفئات إلى كائنات JavaScript عادية من خلال استخراج المنطق القائم على النموذج الأولي والتعيين القائم على المزخرفات. كما يزامن تحديثات البيانات عن طريق تعيين أعضاء مثيل الفئة لنظام الحالة التفاعلي للمكون.
Facilitates the development of Vue components using class structures and decorators instead of traditional options objects.
TypeScript - chakra-ui/chakra-ui-vue
chakra-ui/chakra-ui-vue
1,846عرض على GitHubChakra UI Vue هي مكتبة مكونات لنظام Vue.js توفر مجموعة من اللبنات الأساسية المعيارية والقابلة للوصول لبناء واجهات المستخدم. تعمل كموفر لنظام التصميم، مما يتيح للمطورين إدارة رموز التصميم العالمية (design tokens) والاتساق البصري عبر التطبيقات المعقدة من خلال موفر سمات مركزي. يتميز إطار العمل بدمج منطق إمكانية الوصول وسمات WAI-ARIA مباشرة في مكوناته الأساسية، مما يضمن التعامل مع التنقل عبر لوحة المفاتيح وتوافق قارئات الشاشة بشكل افتراضي. يستخدم نهج تصميم تصريحي حيث يتم تطبيق خصائص التخطيط والتصميم مباشرة على المكونات عبر الـ props، مما يقلل الحاجة إلى ملفات أنماط خارجية. تتضمن المكتبة دعماً مدمجاً لتطبيع الأنماط عبر المتصفحات والتبديل التلقائي لنظام الألوان، مما يسمح بدمج سلس للوضع الفاتح والداكن. تسهل هذه الأدوات بناء أنماط واجهة مخصصة من خلال تركيب عناصر قابلة لإعادة الاستخدام تلتزم بلغة تصميم موحدة.
Provides methodologies for authoring accessible, reusable components within the Vue ecosystem.
JavaScripta11yaccessibilitychakra-ui
