Awesome GitHub RepositoriesStreaming Server-Side Rendering

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

React هي مكتبة JavaScript لبناء واجهات المستخدم تعتمد على معمارية قائمة على المكونات وتدفق بيانات أحادي الاتجاه.

This project is a self-hosted large language model chat interface and AI model aggregator. It provides a unified web environment for interacting with multiple AI providers and local models, acting as a provider-agnostic API gateway to standardize requests across different endpoints. The platform functions as an agentic AI framework and generative UI workspace, enabling the construction of specialized assistants with custom instructions and subagents. It features a sandboxed code interpreter for secure execution of multiple programming languages and a generative UI system that renders interact

Preact is a lightweight declarative user interface library designed for building high-performance web applications. It utilizes a component-based architecture where interfaces are defined as functional or class-based units, relying on a virtual DOM to perform efficient state reconciliation and updates. By prioritizing a minimal footprint, the library enables developers to create modular, predictable, and testable user interfaces while maintaining compatibility with standard browser APIs. The library distinguishes itself through a reactive state engine that leverages signals to track dependenc

Solid is a reactive UI library and isomorphic JavaScript framework used for building component-based user interfaces. It functions as a declarative component library and state management system that updates the DOM without using a virtual DOM. The framework utilizes fine-grained reactivity and proxy-based state management to track dependencies and trigger precise updates to specific text or attributes. It supports isomorphic rendering through streaming server-side rendering and progressive hydration, allowing content to be generated on both the server and the client. The system covers declar

Lit is a library for building lightweight, interoperable web components. It provides a base class that leverages native browser APIs to encapsulate state, logic, and styles, allowing developers to create custom elements that function consistently across any modern web project. The framework distinguishes itself through a reactive property system that automatically triggers efficient, batched DOM updates. By utilizing tagged template literals, it defines declarative UI structures that are compiled into optimized update instructions. Its architecture emphasizes modularity through a reactive con

Leptos is a full-stack Rust web framework designed for building reactive applications that share logic and types between the server and the browser. It provides a comprehensive toolkit for developing web interfaces where specific DOM nodes update automatically in response to changes in underlying reactive signals, rather than re-rendering entire component trees. The framework distinguishes itself through a fine-grained reactivity model that tracks dependencies at the individual data point level. It utilizes compile-time template transformation to convert declarative HTML-like syntax into opti

TanStack Router is a type-safe routing library for web applications that provides full type safety for paths, search parameters, and data loaders across the entire application stack. It functions as a comprehensive framework for server-side rendering, enabling the generation of complete HTML pages to improve initial load performance and search engine optimization. By integrating declarative data fetching, the library manages asynchronous information at the route level, supporting preloading, caching, and parallel request execution to ensure data is ready before components render. The project

React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme

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

Vinext is a build system and edge runtime compiler that enables framework-agnostic serverless deployments. It functions as a Vite plugin and compatibility layer that emulates file-system routing, server components, and server actions, allowing projects to maintain specific framework API surfaces while targeting edge workers and serverless environments. The project provides a specialized bridge for migrating projects to a Vite-based build pipeline while preserving routing and server component patterns. It utilizes a system of module shimming and adapters to produce standalone bundles compatibl

This project is a technical study resource and interview preparation guide focused on the React library. It provides a comprehensive frontend interview question bank and concept references designed to help developers master core library primitives and prepare for professional job interviews. The resource covers detailed explanations of React's technical architecture, including state management patterns, performance optimization strategies, and component design. It serves as a knowledge assessment tool for developers to test their understanding of modern frontend engineering through a structur

Solid Start is a full-stack web framework built on Solid.js that combines file-based routing, multi-mode rendering, and client hydration into a single application framework. It enables developers to build complete web applications with server-rendered pages, client-side interactivity, and API endpoints from one codebase, while supporting deployment across multiple hosting platforms through a system of platform-specific adapters. The framework distinguishes itself through its multi-mode rendering engine, which allows per-page selection between client-side rendering, server-side rendering, stat

This project is a comprehensive interview preparation guide and technical study resource for React. It functions as a frontend engineering curriculum and coding challenge bank designed to help developers master the internal mechanics, patterns, and core fundamentals of the React ecosystem. The resource distinguishes itself by providing a curated collection of technical interview questions, conceptual quizzes, and expert solutions. It includes a bank of coding challenges that can be solved in a browser-based environment with automated test cases and real-time rendering, as well as research int

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

Kotlinx.html هي لغة خاصة بالمجال لـ Kotlin توفر نمط بناء آمن للأنواع لإنشاء ترميز HTML. من خلال الاستفادة من استدعاءات الوظائف المتداخلة وتعبيرات lambda، تفرض المكتبة قيود المخطط في وقت التجميع لضمان إنشاء هياكل مستندات صالحة ومنع أخطاء بناء الجملة الشائعة. تتميز المكتبة بمخطط قائم على الامتداد يسمح للمطورين بتعريف علامات وسمات مخصصة دون تعديل الكود المصدري الأساسي. وهي تدعم كلاً من العرض من جانب الخادم ومعالجة نموذج كائن مستند المتصفح المباشر، مما يوفر نهجاً موحداً لبناء محتوى الويب عبر بيئات مختلفة. يتضمن المشروع قدرات لدفق المخرجات مباشرة إلى المخازن المؤقتة، مما يقلل من استهلاك الذاكرة عند إنشاء مستندات كبيرة أو معقدة. كما يستخدم نصوصاً برمجية مؤتمتة لتحويل تعريفات الترميز إلى كود مصدري مكتوب بقوة، مما يضمن دعم عناصر متسق وقابل للتوسيع طوال دورة حياة التطوير.