Awesome GitHub RepositoriesSync-Aware Rendering

Redux Persist is a state management utility designed to maintain application data across sessions by synchronizing state with local storage. It functions as a middleware-based engine that automatically saves and restores application state, ensuring that user sessions remain intact after page refreshes or application restarts. The library distinguishes itself through granular control over the persistence lifecycle and data structure. It supports recursive state tree partitioning, allowing developers to apply distinct storage configurations and filtering rules to specific branches of the applic

Electric is a Postgres data synchronization engine and replication proxy designed to enable local-first software. It replicates data from Postgres databases to client-side stores in real time using logical replication, allowing applications to maintain a local embedded database for offline access and low-latency updates. The system distinguishes itself by using shapes to filter and authorize specific subsets of database rows and columns before streaming them to clients or edge workers. It further supports multi-user collaboration by integrating a conflict-free replicated data type framework t

Aphrodite هي مكتبة لتنسيق CSS-in-JS لا تعتمد على إطار عمل معين، وتتيح تعريف الأنماط باستخدام كائنات JavaScript. تعمل المكتبة كمولد CSS ومحرك عرض يقوم بحقن الأنماط المحسنة في المستند، مع توفير نظام مخصص للعرض من جانب الخادم (SSR) لمنع وميض الأنماط وضمان عرض الصفحة الأولية بشكل صحيح. يتميز المشروع بوجود أداة تلقائية لإضافة بادئات البائعين (vendor prefixer) لضمان التوافق عبر المتصفحات، وأداة إنتاج تقوم بتصغير أسماء الفئات إلى رموز قصيرة (hashes) لتقليل حجم حمولة CSS. كما يدعم المشروع تنسيقاً قابلاً للتوسيع من خلال معالجات محددات مخصصة وقواعد عامة للرسوم المتحركة (keyframes) وتعريفات الخطوط. تغطي المكتبة قدرات تنسيق واسعة تشمل تكوين الأنماط الديناميكية، والتصميم المتجاوب عبر استعلامات الوسائط والمحددات الزائفة، ونظام حقن مؤقت لتقليل تعديلات DOM. كما تدير المكتبة عملية إعادة ترطيب الأنماط (rehydration) لمزامنة أسماء الفئات التي تم إنشاؤها على الخادم مع ذاكرة التخزين المؤقت في جانب العميل.

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