2 مستودعات
Awesome GitHub RepositoriesAttribute-Driven State Synchronization
Mechanisms that synchronize internal component state with HTML DOM attributes to trigger reactive updates.
Distinct from Attribute-Driven Validation: Existing candidates focus on validation, device tracking, or state attribution, not reactive DOM attribute synchronization for UI components.
Explore 2 awesome GitHub repositories matching web development · Attribute-Driven State Synchronization. Refine with filters or upvote what's useful.
Awesome Attribute-Driven State Synchronization GitHub Repositories
اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
- github/relative-time-element
github/relative-time-element
4,005عرض على GitHubيوفر هذا المشروع عنصراً زمنياً لمكونات الويب يوسع وسم HTML القياسي لعرض طوابع زمنية نسبية وعد تنازلي بصيغة مقروءة بشرياً. يعمل كأداة لتنسيق الوقت النسبي وحساب الفترات الزمنية، حيث يحول الطوابع الزمنية إلى نصوص مترجمة يتم تحديثها تلقائياً في المتصفح. تتيح الأداة عرض طوابع زمنية ديناميكية تنتقل من العبارات النسبية إلى التواريخ المطلقة بناءً على عتبات زمنية قابلة للتكوين. تتضمن قدرات لتقييد صيغة الزمن، مما يجبر الطوابع الزمنية على العرض حصرياً كتواريخ ماضية أو مستقبلية، وتدعم تنسيقاً دقيقاً للفترات عبر السنوات والأشهر والأيام والساعات والدقائق والثواني. يستفيد التنفيذ من واجهة برمجة تطبيقات التدويل (Internationalization API) الأصلية في المتصفح لعرض التواريخ وتوطينها عبر مناطق زمنية محددة وفق معايير IANA. يدير النظام الحالة عبر سمات DOM ويستخدم استطلاع الفترات (interval polling) لضمان بقاء عرض الوقت محدثاً دون الحاجة إلى تحديث الصفحة.
Implements state synchronization between DOM attributes and internal time calculations to enable reactive updates.
JavaScriptcustom-elementskeeplocalization - muxinc/media-chrome
muxinc/media-chrome
2,701عرض على GitHubMedia Chrome is a library of modular, accessible web components designed for building custom audio and video player interfaces. It functions as a framework-agnostic toolkit that communicates with native media elements to manage playback state, user interactions, and media metadata. The library distinguishes itself through a component-based architecture that relies on standard web technologies to ensure compatibility across different frontend environments. It uses a centralized controller to synchronize state between independent interface elements, allowing developers to compose bespoke player
Reflects internal media playback status onto component attributes to trigger automatic visual updates.
TypeScriptaudioaudio-playermedia-chrome
