3 مستودعات
Maintaining shared UI elements across page navigations to prevent re-rendering of common components.
Distinct from Layout Persisters: Existing layout persistence tags focus on serialization/storage of grid layouts or terminal windows, not preserving DOM components across SPA navigations.
Explore 3 awesome GitHub repositories matching user interface & experience · Persistent Layouts. Refine with filters or upvote what's useful.
Inertia is a server-driven frontend framework designed to create monolithic single page applications. It acts as a state synchronization protocol and client-side routing bridge, allowing developers to build interactive experiences using modern JavaScript component libraries while keeping routing and controllers on the server. This approach eliminates the need for a separate REST or GraphQL API layer by passing data from server controllers to frontend components as props via JSON payloads. The framework distinguishes itself by utilizing adapter-based integration to link various backend environ
Maintains shared UI elements across page navigations to prevent unnecessary re-renders of common components.
next-learn هي مجموعة من الموارد التعليمية ونماذج التنفيذ لبناء تطبيقات ويب متكاملة (Full-stack). تعمل كمورد تعليمي ودرس تعليمي لإطار عمل Next.js، حيث توفر كوداً أولياً ومشاريع أمثلة توضح العرض من جانب الخادم (SSR) والنظام البيئي المعتمد على React. يوفر المشروع قالب ويب متكامل يعرض تنفيذاً كاملاً لتكامل قاعدة البيانات، ومصادقة المستخدم، ومنطق جانب الخادم. يتضمن أمثلة مرجعية لتحسين أداء الويب، توضح تحديداً استخدام مكونات الخادم، وإجراءات الخادم، والتوجيه الديناميكي. تغطي قاعدة الكود سطحاً واسعاً من قدرات التطبيقات المتكاملة، بما في ذلك إدارة البيانات من خلال الاستعلام والتعديل من جانب الخادم، والتحكم في الوصول القائم على الهوية عبر حراس المسار، وهيكلية التنقل باستخدام التوجيه القائم على نظام الملفات. كما تنفذ استراتيجيات عرض متنوعة، وتحسين الأصول للصور والخطوط، وتصميم واجهة المستخدم.
Implements persistent layouts that wrap routes to maintain consistent UI and prevent unnecessary re-renders.
يعمل هذا المستودع كمجموعة شاملة من المراجع التنفيذية لإطار عمل الويب Remix. يوفر أمثلة عملية لتطوير الويب الكامل (full-stack)، موضحاً كيفية بناء تطبيقات ديناميكية يتم عرضها من جانب الخادم تربط منطق جانب الخادم بتفاعلية جانب العميل. من خلال الاستفادة من معمارية قائمة على المكونات، توضح هذه الأمثلة الأنماط الأساسية لإدارة البيانات، والتوجيه، وواجهات المستخدم داخل بيئة تطوير موحدة. تسلط المجموعة الضوء على النهج المميز لإطار العمل تجاه معمارية الويب، مع التركيز على تحميل البيانات من جانب الخادم وتسلسلات التوجيه المتداخلة التي تعكس هياكل URL. تعرض هذه الأمثلة كيفية التعامل مع الطلبات التي تغير الحالة من خلال إجراءات مخصصة من جانب الخادم وضمان وظائف التطبيق عبر التحسين التدريجي، مما يسمح للميزات بالبقاء قيد التشغيل حتى قبل تحميل نصوص جانب العميل بالكامل. بعيداً عن الأنماط الأساسية، يغطي المستودع نطاقاً واسعاً من قدرات التكامل، بما في ذلك المصادقة الآمنة وإدارة الجلسات، ومزامنة البيانات في الوقت الفعلي، والاتصال بـ API خارجي. كما يوفر توجيهات حول سير العمل الجاهز للإنتاج، مثل معالجة المهام في الخلفية، ومعالجة الدفع الآمنة، وتقنيات تحسين الأداء مثل تجميع طلبات قاعدة البيانات وتأجيل الأصول. يتم الاحتفاظ بهذه الأمثلة كمجموعة من المشاريع النمطية، مما يوفر للمطورين نظرة مباشرة على كيفية هيكلة التطبيقات، وفرض جودة الكود، وأتمتة خطوط أنابيب النشر. يعمل كل تنفيذ كقالب وظيفي لمهام تطوير الويب الشائعة، بدءاً من إدارة المحتوى ومعالجة النماذج وصولاً إلى تفاعلات واجهة المستخدم المعقدة.
Wraps application routes in pathless boundaries to prevent the document head from re-mounting during navigation.