Awesome GitHub RepositoriesComponent-Based Cell Rendering

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

Platform هو إطار عمل لبناء تطبيقات المكاتب الخلفية ولوحات التحكم الإدارية باستخدام Laravel. يعمل كإطار عمل لواجهة المستخدم يعتمد على المخطط ومولد CRUD يقوم تلقائياً بإنشاء واجهات إدارة قواعد البيانات، ونماذج الإدخال، وقواعد التحقق من تعريفات النماذج البرمجية. تتميز المنصة بمجموعة أدوات واجهة مستخدم خلفية شاملة تدعم التقاط البيانات المتقدم، بما في ذلك تعيين الإحداثيات الجغرافية، ومصفوفات بيانات JSON الجدولية، وتتبع البيانات الوصفية للتسويق. تتميز بنظام قوي للتحكم في الوصول القائم على الأدوار لإدارة رؤية الموارد وحماية المسارات، إلى جانب تنفيذ بحث كامل النص عالمي يقوم بفهرسة البيانات عبر نماذج متعددة. تغطي المنصة مجموعة واسعة من القدرات، بما في ذلك تحميل البيانات غير المتزامن، وأنظمة الإشعارات متعددة القنوات، ومكتبة من مكونات النماذج المتخصصة للنصوص الغنية وإدارة الملفات. كما توفر أدوات لتصور البيانات من خلال تجميع النماذج والرسوم البيانية، بالإضافة إلى أدوات لتحديث الصفحات الجزئي لمحاكاة تجربة تطبيق الصفحة الواحدة. تسمح خيارات التكامل بربط وحدات التحكم الحالية والقوالب القديمة لتسهيل ترحيل الميزات تدريجياً إلى إطار العمل.

Fixed-data-table is a React component library designed for rendering large datasets within structured, scrollable grid interfaces. It functions as a virtualized table, optimizing performance by rendering only the rows currently visible within the viewport. The library distinguishes itself through its focus on maintaining context during navigation, utilizing fixed-header layouts and synchronized scroll state management. It employs index-based data access to map information to specific grid coordinates, allowing for modular cell customization and flexible column configuration. The component su

react-calendar is a customizable date grid and picker for React applications. It provides an interactive interface for selecting single or multiple dates and navigating between months and years. The component uses browser internationalization APIs to format months and days, enabling multilingual date formatting for different global regions. It allows for external customization through prop-driven render overrides to replace default date cell displays. The library handles the underlying date calculations and state-driven navigation required for scheduling interfaces and date-based grids.

React Base Table is a library of reusable interface components designed for building complex, responsive data grids within web applications. It provides a high-performance foundation for rendering large datasets by utilizing window-based row virtualization, which ensures the user interface remains responsive even when displaying extensive collections of data. The library distinguishes itself through flexible layout and navigation capabilities, including support for hierarchical data structures that can be rendered as expandable tree rows. It allows for precise control over table geometry thro

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

This project is a data grid library designed for building complex, interactive tables within React applications. It provides a suite of modular components that enable the display of structured information, supporting both custom cell rendering and flexible column configurations to accommodate diverse data presentation needs. The library is built to handle large datasets by utilizing virtualized rendering, which ensures high performance by only processing the subset of rows currently visible within the viewport. It distinguishes itself through support for dynamic row heights and programmatic s

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

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