Awesome GitHub RepositoriesReact Server-Side Renderers

هذا المشروع عبارة عن قالب React جاهز للإنتاج ومبدئ JavaScript متماثل (isomorphic) مصمم لبناء تطبيقات عالمية. يعمل كقالب أساسي لإنشاء تطبيقات React تستخدم العرض من جانب الخادم (server-side rendering) لمشاركة المنطق والحالة بين الخادم والمتصفح. يوفر إطار العمل أساساً مهيأ مسبقاً لتمهيد تطبيقات React، مع التركيز على إطار عمل تطبيقات JavaScript العالمي. وهو يقوم بأتمتة عملية إعداد تطبيقات الويب المعروضة على الخادم لبيئات الإنتاج من خلال توفير خط أنابيب نشر وبناء مدمج. يغطي الكود المصدري تجميع الحزم العالمية وتنفيذ JavaScript المتماثل، باستخدام خط أنابيب بناء بدون إعدادات (zero-config) للتعامل مع الانتقال بين HTML المعروض على الخادم وتفاعل العميل.

WasmEdge is an extensible WebAssembly runtime that executes WebAssembly bytecode in a secure sandbox for cloud, edge, and embedded applications. It functions as a multi-language compiler, compiling applications written in Rust, JavaScript, Go, and Python into WebAssembly bytecode for sandboxed execution, and as a server-side JavaScript runtime that runs JavaScript programs with ES6 modules, NPM packages, and Node.js-compatible APIs. The runtime also serves as an AI inference runtime, executing AI models from JavaScript using WASI-NN plug-ins for inference tasks on personal devices and edge har

Waku is a minimal React framework built around React Server Components. It renders components exclusively on the server for data fetching and server-side logic, then hydrates client components in the browser for interactivity. The framework supports hybrid rendering, mixing static prerendering at build time with dynamic per-request rendering within a single application, and allows independently loading slice components that can be static or dynamic. The framework distinguishes itself through its file-based routing system that defines pages, layouts, and API endpoints by placing files in a dir

Meet Genius

This project is a client-side routing tutorial and learning resource for integrating routing into React web applications. It provides a series of incremental, runnable applications and guides to teach users how to map URLs to components and manage navigation state within a browser. The resource includes practical implementation guides for configuring nested routes, capturing dynamic URL parameters, and handling index routes. It also provides examples of server-side rendering to demonstrate how to generate HTML on the server to improve initial load speeds and search engine optimization. The t

React on Rails هو إطار عمل تكامل يدمج مكونات React في طرق عرض Ruby on Rails. يعمل كمحرك عرض من جانب الخادم ومنسق مكونات كامل المكدس، مما يسمح بتمرير بيانات الواجهة الخلفية مباشرة إلى مكونات الواجهة الأمامية دون الحاجة إلى استدعاءات API منفصلة. يقوم المشروع بمزامنة التوجيه بين العميل والخادم للحفاظ على حالات تنقل متسقة عبر التطبيق. يتضمن خط أنابيب أصول Webpack لإدارة حزم JavaScript وتنفيذ تقسيم الكود للتسليم الأمثل. يغطي إطار العمل عرض طرق العرض الهجينة وتحسين أصول الواجهة الأمامية، بما في ذلك القدرة على حقن سياق طلب جانب الخادم في عملية عرض JavaScript. كما يوفر أدوات لتشخيص مشكلات التكامل أثناء التثبيت أو الترقية.

aleph.js هو إطار عمل ويب كامل المكدس لوقت تشغيل Deno. يدمج المنطق من جانب الخادم والتفاعل من جانب العميل داخل بيئة واحدة لبناء تطبيقات ويب كاملة. يعمل إطار العمل كنظام عرض من جانب الخادم ومولد مواقع ثابتة، حيث ينتج HTML معروضاً مسبقاً لتحسين رؤية محرك البحث وسرعات التحميل الأولية. يستخدم موجهاً قائماً على الملفات يقوم تلقائياً بتعيين هيكل دليل المشروع إلى عناوين URL للتطبيق لكل من الصفحات ونقاط نهاية API. يتضمن المشروع إمكانيات لإدارة المحتوى القائم على markdown، وتحويل ملفات markdown إلى صفحات HTML منسقة. كما يدعم معالجة أوراق أنماط Less ويوفر استبدال الوحدات السريع لتحديثات التطبيق في الوقت الفعلي أثناء التطوير.

Reagent هو إطار عمل لبناء واجهات مستخدم الويب باستخدام ClojureScript و React.js. يتيح نهج البرمجة الوظيفية لتصميم واجهة المستخدم التصريحية، حيث يتم تعريف هياكل HTML وتسلسلات هرمية للمكونات باستخدام بناء جملة Hiccup القائم على المتجهات بدلاً من JSX. يتميز المشروع من خلال نظام إدارة حالة تفاعلي يعتمد على الذرات (atoms). يتتبع المكونات التي تقوم بإلغاء مرجعية ذرات حالة معينة لتشغيل إعادة العرض التلقائي ويوفر مؤشرات حالة لعزل التحديثات إلى مسارات معينة لذرة حالة أكبر. كما يتضمن أدوات لتغليف مكونات JavaScript الأصلية ومكتبات الطرف الثالث لضمان بقائها متوافقة مع دورة العرض الوظيفية. يغطي إطار العمل مجموعة واسعة من القدرات، بما في ذلك التوفيق بين DOM الافتراضي، وإدارة دورة الحياة للآثار الجانبية والتنظيف، وتحسين أداء العرض من خلال تجميع التحديثات وتخزين الحسابات مؤقتاً (memoization). كما يوفر أدوات لعرض جانب الخادم لسلاسل HTML الثابتة، ومشاركة الحالة العالمية عبر السياق، وأساسيات الأمان لتعقيم محتوى HTML.

after.js is a server-side rendering framework for React applications that integrates with React Router to coordinate data loading, routing, and hydration. It functions as both a rendering framework and a static site generator, capable of exporting pages as static HTML and JSON files for delivery via content delivery networks. The framework provides a server-side data fetching layer that populates component properties during the render process. It manages navigation through a system of status-code driven redirections and dynamic error handling, allowing the application to trigger redirects or

react-server is a server-side rendering framework for building universal web applications. It serves as a hydration engine and HTML renderer that executes component logic on both the server and the client to synchronize application state. The project focuses on streaming content delivery, allowing page content to be sent to the browser in fragments as they become available. This approach is combined with server-side HTML generation to improve initial load speeds and search engine indexing. The framework also includes capabilities for automated asset bundling and universal component execution

توفر هذه المكتبة مجموعة من الخطافات (hooks) لدمج عمليات بيانات GraphQL في المكونات الوظيفية داخل نظام Apollo Client البيئي. تعمل كأداة لإدارة الحالة تقوم بمزامنة بيانات الخادم البعيدة مع حالة المكون المحلي، مما يضمن تمثيل بيانات متسق عبر واجهة المستخدم. يتميز المشروع بتمكين العرض من جانب الخادم (server-side rendering) من خلال إطار عمل من الأدوات التي تجلب البيانات مسبقاً وتحل أشجار المكونات لتقديم HTML مأهول بالكامل. يستخدم المشروع نمطاً قائماً على المزود (provider-based) لحقن عميل البيانات في شجرة المكونات، مما يسمح للعناصر المتداخلة بالوصول إلى البيانات البعيدة وإدارتها من خلال استدعاءات وظائف قياسية واعية بدورة الحياة. تغطي المكتبة نطاقاً شاملاً من قدرات إدارة البيانات، بما في ذلك الجلب عن بعد، وتنفيذ الطفرات (mutation)، والبث في الوقت الفعلي عبر اتصالات مستمرة. تتعامل المكتبة مع تعقيدات التحميل، وحالات الخطأ، ومزامنة ذاكرة التخزين المؤقت تلقائياً، مما يوفر واجهة موحدة للتفاعل مع مصادر البيانات المحلية والبعيدة.