Awesome GitHub RepositoriesHTML Streaming

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

Dioxus is a cross-platform development framework designed for building native desktop, mobile, and web applications from a single codebase. It utilizes a declarative component model and macro-powered syntax to define reusable interface elements, which are then rendered as native widgets or web elements. At its core, the framework employs a signal-based reactivity system that tracks state dependencies to trigger granular updates, ensuring efficient interface performance without re-rendering the entire application tree. The framework distinguishes itself through a unified full-stack runtime tha

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

Marko is a component-based web framework and HTML-based template engine used to build reactive user interfaces. It functions as a server-side rendering framework that compiles declarative templates into optimized JavaScript for efficient browser execution. The framework utilizes virtual DOM-less rendering to map template expressions directly to DOM nodes. It employs ahead-of-time template compilation and server-side HTML streaming to send rendered fragments to the client in chunks. The system manages user interfaces through a component-based view hierarchy with reactive data binding and fine

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

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

Hotwire Turbo is a server-driven navigation and HTML streaming framework that intercepts link clicks and form submissions to fetch pages in the background and replace content without full browser reloads. It provides a Turbo Frame component that scopes page regions into independent contexts, enabling partial page updates where only a specific area of the page navigates or loads content. The framework includes a page cache and morph system that stores recently visited pages for instant restoration and applies minimal DOM changes on refresh, preserving scroll position and element state. The fra

هذا المشروع عبارة عن مولد قطع HTML لـ LLM وعارض معاينة معزول مصمم للنماذج الأولية السريعة وإنشاء المحتوى. يعمل كجسر وكيل ذكاء اصطناعي محلي يعيد استخدام الجلسات الموثقة من وكلاء البرمجة بسطر الأوامر لتنفيذ مهام التوليد دون الحاجة إلى مفاتيح API منفصلة. يحول النظام تخطيطات الويب إلى تنسيقات خاصة بالمنصة عبر أداة تصدير وسائل التواصل الاجتماعي، مستخدماً CSS مضمناً وبيانات وصفية لضمان نشر متسق. يستخدم بيئة عرض معزولة لتنفيذ الكود والبرامج النصية المولدة بواسطة الذكاء الاصطناعي في عزلة، مما يحمي متصفح المضيف من التسمم. تتعامل المنصة مع تحويل المحتوى عن طريق تحويل البيانات المهيكلة - بما في ذلك CSV و JSON و SQL - إلى قطع ويب مصقولة مثل صفحات الهبوط والتقارير المهنية ومنصات العرض. تدعم تحديثات بصرية في الوقت الفعلي عن طريق بث الكود المولد بواسطة الذكاء الاصطناعي إلى المتصفح عبر أحداث مرسلة من الخادم. تشمل قدرات التصدير تحويل عقد الويب المعروضة إلى صور PNG عالية الدقة وملفات HTML مستقلة.

css-only-chat هو تطبيق ويب خالٍ من JavaScript ينفذ نظام مراسلة غير متزامن باستخدام HTML وCSS فقط. يعمل كواجهة دردشة تحقق تحديثات في الوقت الفعلي وتفاعل المستخدم بالكامل من خلال منطق جانب الخادم وسلوك المتصفح القياسي. يستخدم المشروع مشغل طلب قائماً على محددات CSS لإرسال البيانات، مستفيداً من التحميل التلقائي للمتصفح لصور الخلفية لبدء طلبات الخادم. لتقديم التحديثات دون إعادة تحميل الصفحة بالكامل، يستخدم دفق نقل HTTP مقسم يحافظ على فتح الردود ويضيف أجزاء HTML تدريجياً إلى العميل. يدير النظام حالة التطبيق على الواجهة الخلفية، ويدمج مخازن مفتاح-قيمة عن بعد لاستمرار الرسائل ويستخدم آلية نشر-اشتراك لمزامنة الحالة عبر جلسات المستخدم المتزامنة. يتم تحديث واجهة المستخدم عن طريق استبدال عناصر HTML الموجودة بإصدارات جديدة يتم تسليمها من الخادم.

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

هذا المستودع عبارة عن مجموعة من التنفيذات المرجعية وهياكل المشاريع لإطار عمل الويب Koa. يوفر مجموعة من القوالب والأمثلة لبناء تطبيقات ويب Node.js، بما في ذلك هياكل مشاريع محددة مسبقاً مع تكامل قواعد البيانات والحاويات. يوضح المشروع تنفيذ REST APIs واستخدام أنماط البرمجيات الوسيطة لـ HTTP لتكوين معالجات الطلبات. يتضمن أدلة عملية لتصميم نقاط اتصال مهيكلة وأنماط إدارة الموارد. تغطي الأمثلة المقدمة مجموعة من الإمكانيات بما في ذلك العرض من جانب الخادم، وتدفق البيانات في الوقت الفعلي عبر أحداث مرسلة من الخادم، وأمان تطبيقات الويب. تتضمن هذه تنفيذات لإدارة مصادقة المستخدم والحماية ضد تزوير الطلبات عبر المواقع (CSRF).

parse5 هو محلل ومسلسل (serializer) لـ HTML متوافق مع معايير WHATWG ومصمم لـ Node.js. يقوم بتحويل نصوص HTML إلى نموذج كائن المستند (DOM) وإعادة تحويل تلك الأشجار إلى نصوص HTML صالحة، متبعاً المنطق المحدد في معيار HTML Living Standard. يعمل المشروع كمعالج HTML تدفقي (streaming)، مستخدماً التحليل التزايدي للتعامل مع المستندات الكبيرة على أجزاء. يتضمن محلل رموز (tokenizer) متوافق مع HTML5 يستخدم نهج آلة الحالة لتقسيم المدخلات إلى رموز وفقاً للمواصفات الرسمية للويب. تغطي مجموعة الأدوات تحليل مستندات HTML، والتسلسل، وإعادة الكتابة في الوقت الفعلي عبر التدفقات. تتيح هذه الإمكانات التحليل البرمجي واستخراج البيانات من مستندات HTML مع الحفاظ على الاتساق عبر بيئات مختلفة.