Awesome GitHub RepositoriesProxy-Based Reactivity

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

Solid is a declarative JavaScript framework for building user interfaces through fine-grained reactivity. By utilizing a compile-time template transformation process, it converts JSX into direct DOM manipulation instructions, eliminating the need for a virtual tree. This architecture allows the framework to track dependencies at the individual element level, ensuring that state changes trigger surgical updates to the interface. The framework distinguishes itself through its isomorphic rendering pipeline, which shares reactive logic across server and client environments to support both initial

This project is a declarative framework for building reactive user interfaces by embedding logic directly into HTML markup. It functions as a lightweight state container that tracks data changes and automatically synchronizes the document object model with the underlying application state. By utilizing proxy-based observation, it ensures that interface updates occur precisely when reactive properties are modified. The framework distinguishes itself by allowing developers to define interactive behavior through custom attributes rather than external scripts. This approach enables the compositio

Immer is an immutable state management library used to create new versions of data structures. It allows the production of new state by mutating a temporary draft instead of using manual object spreading. The project implements structural sharing to reuse unchanged parts of a data tree between versions, which reduces memory consumption. It also functions as a JSON patch generator to calculate and output the differences between two state versions. To ensure data integrity, the library includes a state mutation protector that freezes data structures to detect and prevent accidental modificatio

MobX is a reactive state management library and fine-grained reactivity engine. It provides an observable data store that automatically triggers updates in the user interface when data structures change, functioning as a transparent functional reactive store to maintain a consistent source of truth. The system utilizes a dependency-graph mapping and proxy-based object observation to track data dependencies. This ensures that only the specific components dependent on changed data are updated, which reduces unnecessary re-renders and optimizes frontend performance. The library supports decoupl

Ruby is a general-purpose, dynamic programming language built on an object-oriented runtime environment. It treats every piece of data as an object, ensuring a consistent interface for manipulation across the entire system. The language is designed to support programmer productivity through a focus on natural syntax and flexible metaprogramming capabilities. The runtime distinguishes itself through a pure object model that allows for dynamic class modification and runtime method definition. It supports functional programming patterns by encapsulating code blocks as objects that capture their

Jotai is a state management library for React applications that utilizes an atomic model to handle data. It organizes application state into small, independent units called atoms, which automatically track dependencies and trigger granular updates to components. By building state through these composable primitives, the library ensures that only the necessary parts of an application re-render when data changes. The library distinguishes itself through its flexible approach to state composition and asynchronous data handling. It integrates promises directly into the state model, allowing devel

Quarkus is a Kubernetes-native Java framework designed for building high-performance, memory-efficient applications. It utilizes ahead-of-time native compilation to transform Java code into standalone, optimized binaries that eliminate the need for a virtual machine, enabling rapid startup and reduced memory consumption. By performing code augmentation during the build phase, it shifts heavy processing tasks away from runtime, ensuring that applications are optimized for cloud-native environments. The framework distinguishes itself through a unified approach to reactive and imperative program

Partytown is a library designed to offload resource-intensive third-party scripts to background web workers. By executing these scripts outside of the main thread, it prevents them from blocking the critical rendering path, thereby maintaining a responsive user interface and improving overall page load performance. The project functions as a web worker proxy library that synchronizes browser interfaces between the main thread and background environments. It uses proxy-based access and synchronous messaging to replicate global objects like the window and document, allowing scripts to interact

BiliRoaming is an Android application modification module designed to enhance the official video streaming experience through runtime method swizzling and network traffic interception. It functions as a framework that injects custom logic into the host process to bypass regional playback restrictions and enable access to media content regardless of geographic location. The tool distinguishes itself by providing a comprehensive suite of features for media consumption and interface control. It enables users to download restricted content for offline viewing, suppress intrusive modal dialogs, an

Petite-vue is a lightweight, client-side reactive UI library and templating engine designed for progressive enhancement. It serves as a minimal state management tool that binds reactive data to DOM elements, allowing user interfaces to update automatically when state changes without requiring a full build step. The framework specifically focuses on adding interactivity to server-rendered HTML. It allows for the creation of isolated reactive regions and embedded widgets on a single page, using custom delimiters to prevent syntax conflicts with server-side template engines. The system covers r

Harmony is a library for modifying, replacing, and decorating compiled .NET and Mono methods during execution without altering binary files on disk. It functions as a runtime method patching tool, a CIL instruction manipulator, and a reflection extension for C#. The project provides mechanisms to intercept method execution, allowing custom code to run before or after original methods while maintaining the existing program flow. It enables the analysis and rewriting of Common Intermediate Language instructions to change the internal logic of compiled methods. The toolkit also includes utiliti

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

This project is a frontend development blog and technical knowledge base. It serves as a software engineering reference and web development portfolio, providing a curated collection of articles and notes on front-end engineering, programming patterns, and computer science fundamentals. The site focuses on frontend engineering education and technical knowledge management. It covers software architecture patterns, web development workflows, and engineering interview preparation through the organization of technical guides and tutorials. The project's scope includes the documentation of browser

Van هو إطار عمل تفاعلي لواجهة مستخدم JavaScript مصمم لبناء واجهات المستخدم مع ربط الحالة وتحديثات DOM التلقائية بدون DOM افتراضي. يعمل كإطار عمل للواجهة الأمامية بدون بناء (buildless)، مما يسمح بإنشاء تطبيقات تفاعلية باستخدام دوال JavaScript قياسية تعمل مباشرة في المتصفح دون خطوة تجميع. يتضمن إطار العمل مديراً للحالة التفاعلية يستخدم كائنات قائمة على الوكيل (proxy) لتتبع التبعيات وإطلاق تحديثات واجهة المستخدم المستهدفة. يوفر أداة عرض من جانب الخادم لتوليد HTML ثابت وعملية ترطيب (hydration) مقابلة من جانب العميل لإرفاق التفاعلية. بالنسبة للتطبيقات متعددة العروض، يتضمن موجهاً (router) من جانب العميل لإدارة التنقل وانتقالات الحالة. يغطي المشروع مجموعة واسعة من الإمكانيات بما في ذلك تكوين DOM التصريحي، والربط بين الحالة والخاصية، وعرض القوائم التفاعلية. يدعم إدارة الحالة المتقدمة من خلال كائنات الحالة المشتقة، والتحديثات المجمعة، وتسلسل الحالة. بالإضافة إلى ذلك، يدعم إطار العمل توليد عناصر SVG و MathML. تدعم بيئة التطوير التحقق من النوع الثابت والإكمال التلقائي عبر تكامل TypeScript.

هذا المشروع عبارة عن إضافة (plugin) للتفاعلية (reactivity) تجلب Composition API وإدارة الحالة التفاعلية من Vue 3 إلى تطبيقات Vue 2. يعمل المشروع كمنظم لمنطق المكونات (component logic) ونظام لتغليف الحالة التفاعلية والوظائف في أدوات مساعدة قابلة لإعادة الاستخدام. تتيح الإضافة استخدام وظائف قابلة للتركيب (composable functions) لمشاركة المنطق المعتمد على الحالة عبر المكونات دون الاعتماد على mixins. يوفر المشروع هيكلاً يعتمد على المتغيرات والوظائف البسيطة لتسهيل الاستنتاج التلقائي للأنواع (type inference) والإكمال التلقائي في المحرر. بالإضافة إلى ذلك، يتضمن نظام حقن تبعيات (dependency injection) يعتمد على الموفر (provider) لمشاركة البيانات والوظائف عبر شجرة المكونات. يغطي النظام إدارة الحالة التفاعلية، والخصائص المحسوبة (computed properties)، والمراقبين (watchers)، إلى جانب القدرة على ربط دورة حياة المكونات. كما يسمح بدمج مكتبات خارجية تعتمد على الحالة في نظام التفاعلية الأصلي ويدعم جلب البيانات مسبقاً (prefetching) على الخادم. المشروع مكتوب بلغة TypeScript.

Vuefire is a Firebase integration library for Vue.js that synchronizes backend state and real-time data with reactive frontend components. It functions as a backend-as-a-service client and synchronization tool, bridging remote Firebase documents, collections, and authentication status with local application state. The library provides specialized wrappers for managing user authentication workflows and real-time database synchronization. It automates the process of linking remote data sources to reactive objects and arrays, ensuring the user interface updates instantly as backend data changes.

Arrow-js is a reactive UI framework and server-side rendering system designed for building agentic interfaces. It functions as a reactive state manager and isomorphic routing engine, enabling the creation of web applications that utilize tagged template literals for efficient DOM updates. The project distinguishes itself by incorporating a WebAssembly code sandbox, which allows untrusted or AI-generated code to execute within a secure virtual machine to render interfaces without accessing the host DOM. It further enables agentic UI development by allowing AI agents to dynamically generate vie

This project is a template for building administrative dashboards using the Vue 3 framework and TypeScript. It provides a modular architecture designed to help developers organize, monitor, and control complex application settings through a centralized web portal. The template distinguishes itself by integrating a comprehensive suite of development tools, including a built-in backend API simulator and a frontend mock data generator. These features allow for the testing of application logic and user flows before production services are fully integrated. It also incorporates a reusable componen

هذا المشروع عبارة عن أداة سقالات (scaffolding) للواجهة الأمامية وقالب بداية مصمم لتسريع إنشاء تطبيقات الويب باستخدام Vue 3، وTypeScript، وVite. يوفر بيئة تطوير مهيأة مسبقاً تدمج أدوات البناء الأساسية وإدارة الحالة لتبسيط الإعداد الأولي لواجهات المستخدم القابلة للتوسع. يتميز إطار العمل بأتمتة مهام التطوير الشائعة، بما في ذلك الحل التلقائي واستيراد تبعيات المشروع لتقليل الكود المعياري. كما ينفذ التوجيه القائم على الملفات، والذي يولد هياكل تنقل التطبيق مباشرة من تخطيط الدليل الفعلي، ويستخدم تنسيق الأدوات الذري للحفاظ على أنماط مرئية متسقة من خلال رموز تصميم محددة مسبقاً. تتضمن البيئة دعماً مدمجاً لعمليات البناء الحديثة، مثل تجميع الوحدات قبل الوقت (ahead-of-time) ومطابقة DOM الافتراضية، لضمان عرض فعال وأصول ثابتة محسنة. تدمج هذه الإمكانات في هيكل مشروع موحد يبسط التهيئة والصيانة لتطبيقات الواجهة الأمامية الجديدة.