Awesome GitHub RepositoriesDynamic Templating

Solid is a declarative JavaScript framework for building user interfaces through fine-grained reactivity. By utilizing a compile-time template transformation process, it converts JSX into direct DOM manipulation instructions, eliminating the need for a virtual tree. This architecture allows the framework to track dependencies at the individual element level, ensuring that state changes trigger surgical updates to the interface. The framework distinguishes itself through its isomorphic rendering pipeline, which shares reactive logic across server and client environments to support both initial

TanStack Table is a headless, framework-agnostic engine designed for building complex data grids and managing tabular state. By decoupling data processing logic from the visual rendering layer, it allows developers to implement custom user interfaces while offloading sophisticated operations like sorting, filtering, grouping, and pagination to a unified, performant core. The library distinguishes itself through its commitment to type safety and environment flexibility. It leverages strict type definitions to ensure data integrity across the entire application and utilizes an adapter pattern t

هذا المشروع عبارة عن تنفيذ لمكونات خادم React، مما يوفر بنية مكونات كاملة المكدس تمزج بين العرض من جانب الخادم والتفاعل من جانب العميل. وهو يتيح تطوير تطبيقات الويب حيث تتعايش المكونات الخاصة بالخادم فقط لجلب البيانات ومكونات العميل التفاعلية داخل شجرة مكونات واحدة. يركز النظام على تنسيق بيانات الخادم-العميل، مما يسمح بتنفيذ دوال الخادم وطفرات قاعدة البيانات عبر حدود الشبكة. ويتميز ببنية مكونات هجينة تنقل تنفيذ المكونات إلى الخادم لتقليل أحجام حزم العميل وتحسين أوقات التحميل الأولية. يغطي المشروع نطاقاً واسعاً من الإمكانيات، بما في ذلك جلب البيانات غير المتزامن مع التعليق (suspense)، وتذكير المكونات التلقائي (memoization)، وتحسين العرض من جانب الخادم. كما يتضمن أدوات لإدارة الحالة المعقدة، وتنسيق تحميل الأصول لمنع تحولات التخطيط، وبناء تطبيقات عبر المنصات للويب والهواتف المحمولة. يتم توفير أدوات المطور لاكتشاف المكونات غير النقية، وتحليل تبعيات الوحدات، وفحص تسلسلات المكونات أثناء التطوير.

Bubble-Card is a customizable UI framework and custom card for Home Assistant dashboards. It provides a system for building interactive smart home interfaces using JavaScript templates and CSS variables to create state-aware components. The project is distinguished by its use of JavaScript dashboard templating to dynamically update icons, colors, and text in real-time based on entity states. It includes a modular CSS style manager for creating and sharing reusable style modules and functional logic to maintain visual consistency across multiple cards. The framework covers smart home device c