3 مستودعات
Delaying user interface rendering until the previously saved application state has been fully retrieved and integrated.
Distinct from Sync-Aware Rendering: Distinct from Sync-Aware Rendering: focuses on the specific lifecycle delay of UI rendering during rehydration rather than general SSR synchronization.
Explore 3 awesome GitHub repositories matching web development · Rehydration-Aware Renderers. Refine with filters or upvote what's useful.
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
Supports delaying user interface rendering until the previously saved application state has been fully retrieved and integrated into the active store.
Aphrodite هي مكتبة لتنسيق CSS-in-JS لا تعتمد على إطار عمل معين، وتتيح تعريف الأنماط باستخدام كائنات JavaScript. تعمل المكتبة كمولد CSS ومحرك عرض يقوم بحقن الأنماط المحسنة في المستند، مع توفير نظام مخصص للعرض من جانب الخادم (SSR) لمنع وميض الأنماط وضمان عرض الصفحة الأولية بشكل صحيح. يتميز المشروع بوجود أداة تلقائية لإضافة بادئات البائعين (vendor prefixer) لضمان التوافق عبر المتصفحات، وأداة إنتاج تقوم بتصغير أسماء الفئات إلى رموز قصيرة (hashes) لتقليل حجم حمولة CSS. كما يدعم المشروع تنسيقاً قابلاً للتوسيع من خلال معالجات محددات مخصصة وقواعد عامة للرسوم المتحركة (keyframes) وتعريفات الخطوط. تغطي المكتبة قدرات تنسيق واسعة تشمل تكوين الأنماط الديناميكية، والتصميم المتجاوب عبر استعلامات الوسائط والمحددات الزائفة، ونظام حقن مؤقت لتقليل تعديلات DOM. كما تدير المكتبة عملية إعادة ترطيب الأنماط (rehydration) لمزامنة أسماء الفئات التي تم إنشاؤها على الخادم مع ذاكرة التخزين المؤقت في جانب العميل.
Synchronizes server-generated class names with the client-side cache to prevent duplicate style injection upon page load.
Easy-peasy هي مكتبة لإدارة حالة React وإطار عمل مكتوب (Typed) يوفر مخزناً مركزياً لإدارة حالة التطبيق العالمية. تعمل كمخزن حالة غير قابل للتغيير ومنظم حالة غير متزامن، مما يضمن سلامة النوع من البداية إلى النهاية لتعريفات الحالة، والإجراءات، والقيم المشتقة. تتميز المكتبة بتحويل بناء جملة التغيير المباشر إلى تحديثات غير قابلة للتغيير لتبسيط إدارة البيانات المتداخلة. تتضمن آلية لحفظ شجرة الحالة في التخزين وإعادة ترطيبها أثناء عملية تمهيد التطبيق، مع القدرة على تعليق واجهة المستخدم حتى اكتمال إعادة الترطيب. يغطي إطار العمل العديد من مجالات القدرات، بما في ذلك تنظيم استدعاءات API غير المتزامنة مع العرض المتفائل وحساب الحالة المشتقة المخزنة مؤقتاً. كما يوفر أدوات لإدارة التحديثات غير العاجلة والوصول إلى المخزن خارج مكونات React.
Defers the rendering of the UI component tree until the persisted state has been fully rehydrated into the store.