18 مستودعات
Systems that monitor data modifications to trigger updates only when state changes occur.
Distinguishing note: Focuses on performance-oriented state tracking, distinct from UI-specific data binding.
Explore 18 awesome GitHub repositories matching software engineering & architecture · Reactive Change Detection. Refine with filters or upvote what's useful.
Vue هو إطار عمل JavaScript تقدمي قائم على المكونات مصمم لبناء واجهات مستخدم تفاعلية وتطبيقات الصفحة الواحدة. يركز على نظام قوالب تصريحي يحول HTML إلى وظائف عرض فعالة، مما يسمح للمطورين بتنظيم الواجهات المعقدة في وحدات معزولة وقابلة لإعادة الاستخدام تتزامن تلقائياً مع حالة التطبيق. يتميز إطار العمل بنظام تفاعلية لتتبع التبعيات يراقب الوصول إلى البيانات أثناء العرض لإطلاق تحديثات دقيقة. يوفر بنية مرنة تدعم كلاً من التبني التزايدي كمكتبة خفيفة الوزن وتطوير التطبيقات على نطاق واسع. يمكن للمطورين الاستفادة من نموذج قابلية توسيع قوي قائم على الإضافات لحقن المنطق العام، بينما يضمن توفيق DOM الافتراضي لإطار العمل تحديثات فعالة للواجهة من خلال حساب الحد الأدنى من الطفرات. بعيداً عن قدرات العرض الأساسية، يتضمن المشروع مجموعة شاملة من الأدوات لإدارة حالة التطبيق، والتوجيه القائم على URL، والعرض من جانب الخادم. يوفر دعماً واسعاً لتركيب المكونات، وتوزيع المحتوى، وإدارة الرسوم المتحركة، إلى جانب تدابير أمنية مدمجة مثل الهروب التلقائي للمحتوى لمنع الثغرات الشائعة. يتم توزيع إطار العمل مع إعلانات نوع رسمية لدعم التحليل الثابت ويمكن تثبيته عبر مديري الحزم القياسيين أو دمجه مباشرة في بيئات المتصفح عبر علامات البرنامج النصي.
Ensures reactivity system detects index-based changes or length adjustments in arrays.
Bevy is a cross-platform game engine and framework built in Rust, designed for creating interactive simulations and graphical applications. It utilizes a data-oriented entity-component-system architecture to manage game state, organizing data into contiguous memory blocks to facilitate high-performance processing and massive parallelization of entities. The engine distinguishes itself through a modular plugin architecture and a system-based task scheduler that automatically parallelizes logic by analyzing data access patterns. By employing reactive change detection and deferred command buffer
Tracks modifications to component data to trigger specific logic updates only when relevant state changes occur during the frame.
This project is a build orchestration engine and development toolkit designed for managing large-scale monorepos. It provides a unified workspace environment that maps project relationships and dependencies, enabling the system to perform intelligent impact analysis and execute only the tasks affected by specific code changes. The system distinguishes itself through a persistent daemon that monitors file changes for near-instant feedback and a content-addressable caching mechanism that stores task outputs to prevent redundant computation across local and remote environments. It further suppor
Monitors dependency changes to trigger task execution only for impacted projects within the monorepo.
✍ It has never been so easy to document your things!
Provides a development server that automatically refreshes the browser when documentation source files are edited.
Zola is a static site generator that compiles Markdown and templates into a standalone website. It is distributed as a single binary, removing the need for external runtimes or package managers to build the final site. The project includes a built-in Sass compiler to transform styles into compressed CSS and a dedicated Markdown rendering engine that supports task lists and footnotes. It also features a client-side search indexer, enabling full-text site search without a backend server, and a multilingual content manager for organizing translated content. Additional capabilities cover asset o
Automatically refreshes the browser when source files are changed for immediate visual feedback.
Capacitor is a cross-platform mobile framework that enables developers to build native applications using web technologies. It functions as a hybrid app container, wrapping web assets within a native runtime that provides a standardized bridge to device hardware and system-level services. By exposing native functionality through a plugin-based architecture, it allows web applications to access platform-specific features while maintaining a consistent interface across mobile and desktop environments. The project distinguishes itself by maintaining native project files as source assets, allowin
Refreshes the application view on connected devices automatically when code changes are detected.
Perspective is a columnar data analytics engine and high-performance visualization component powered by WebAssembly. It provides a system for analyzing and visualizing large or streaming datasets through interactive data grids and charts, utilizing a compiled binary to achieve near-native performance within the browser. The project distinguishes itself through a WebSocket-based data streaming interface and deep Apache Arrow integration, which minimize memory overhead when synchronizing tables between servers and clients. It acts as a remote query proxy capable of translating visualization con
Implements reactive change detection that triggers callbacks automatically when table data is modified or deleted.
Flecs is a high-performance entity component system framework and data-oriented programming library. It serves as a simulation engine core and game engine architecture tool, decoupling state from behavior by separating entities, components, and systems. The framework features a runtime reflection layer for dynamic data inspection and a built-in scripting system for defining entity behavior without recompilation. It also includes a network interface and REST API for remote simulation administration and state querying. The library covers a broad surface of simulation capabilities, including ar
Implements a system to monitor data modifications and skip processing for queries where state has not changed.
This is a local development server extension for VS Code that provides static file hosting and automatic browser reloading upon saving source files. It functions as a live reloading tool and static file web server, allowing developers to preview web pages locally with support for custom ports and root directories. The project distinguishes itself by offering a local network preview server that exposes projects to other devices on the same wireless network via IP. It also includes a development proxy capable of adding Cross-Origin Resource Sharing headers and proxying traffic to external URIs.
Maintains a WebSocket connection between the server and browser to trigger real-time page refreshes.
Stylus is a browser extension for installing, managing, and editing user-created CSS themes that customize the appearance of websites. It provides a central interface for organizing, enabling, disabling, and removing installed styles, and includes a built-in CSS editor with syntax highlighting and linting support. The extension supports the UserCSS format, allowing users to install themes from .user.css files or URLs, and generates a basic UserCSS template with required metadata fields when creating new styles. Stylus can watch local .user.css files for changes and automatically apply edi
Watches a local .user.css file for changes and automatically applies edits to matching web pages.
CodeIgniter is a PHP web framework built on the Model-View-Controller pattern, designed for building full-stack web applications. It provides a lightweight toolkit with minimal configuration, organizing application logic into controllers, models, and views for clean separation of concerns. The framework includes a fluent query builder for constructing SQL statements programmatically, PSR-4 autoloading with namespace mapping, and a service-based dependency injection container for managing shared class instances. The framework distinguishes itself through its comprehensive set of built-in tools
Watches the app directory for file changes and automatically reloads the browser during development.
ihp هو إطار عمل ويب آمن من حيث الأنواع (type-safe) ومنسق تطبيقات متكامل مصمم لـ PostgreSQL. يعمل كإطار عمل للرسم من جانب الخادم (SSR) وORM آمن من حيث الأنواع يقوم تلقائيًا بإنشاء أنواع السجلات من مخططات SQL لضمان التحقق من الاستعلامات في وقت التجميع. تتميز المنصة بالتحقق من التوجيه، واستعلامات قاعدة البيانات، والقوالب في وقت التجميع لمنع الأعطال في وقت التشغيل. وتنفذ واجهات ويب في الوقت الفعلي باستخدام WebSockets لمزامنة البيانات الفورية وتستخدم الوسائط المتعددة التي يحركها الخادم (server-driven hypermedia) لتصحيح DOM الجزئي. يغطي إطار العمل مجموعة واسعة من الإمكانيات المتكاملة، بما في ذلك إدارة هوية المستخدم مع دعم مفاتيح المرور (passkeys) وOAuth، وطبقة تخزين بيانات كاملة مع عمليات ترحيل آلية، ونظام عرض واجهة مستخدم شامل مع قوالب HTML آمنة من حيث الأنواع. كما يوفر أدوات مدمجة لتطوير واجهة برمجة تطبيقات JSON، وتنفيذ مهام الخلفية غير المتزامنة، والتكامل المالي لبوابات الدفع. تتم إدارة بيئات الإنتاج من خلال نشر NixOS التصريحي للبنية التحتية القابلة للتكرار.
Automatically refreshes the browser when code changes are saved to provide immediate developer feedback.
هذا المشروع عبارة عن تنفيذ لمكونات خادم React، مما يوفر بنية مكونات كاملة المكدس تمزج بين العرض من جانب الخادم والتفاعل من جانب العميل. وهو يتيح تطوير تطبيقات الويب حيث تتعايش المكونات الخاصة بالخادم فقط لجلب البيانات ومكونات العميل التفاعلية داخل شجرة مكونات واحدة. يركز النظام على تنسيق بيانات الخادم-العميل، مما يسمح بتنفيذ دوال الخادم وطفرات قاعدة البيانات عبر حدود الشبكة. ويتميز ببنية مكونات هجينة تنقل تنفيذ المكونات إلى الخادم لتقليل أحجام حزم العميل وتحسين أوقات التحميل الأولية. يغطي المشروع نطاقاً واسعاً من الإمكانيات، بما في ذلك جلب البيانات غير المتزامن مع التعليق (suspense)، وتذكير المكونات التلقائي (memoization)، وتحسين العرض من جانب الخادم. كما يتضمن أدوات لإدارة الحالة المعقدة، وتنسيق تحميل الأصول لمنع تحولات التخطيط، وبناء تطبيقات عبر المنصات للويب والهواتف المحمولة. يتم توفير أدوات المطور لاكتشاف المكونات غير النقية، وتحليل تبعيات الوحدات، وفحص تسلسلات المكونات أثناء التطوير.
Provides a reactive change detection system that triggers updates only when semantic state changes occur.
Trunk هو أداة بناء وخادم تطوير لتجميع كود Rust إلى WebAssembly وتعبئته للنشر في المتصفح. يعمل كمجمع ويب (web bundler) يدمج وحدات WebAssembly، وJavaScript، والملفات الثابتة في تطبيق ويب قابل للنشر. توفر الأداة خادم تطوير محلي يستخدم وكلاء HTTP و WebSocket لتمكين التكرار السريع. تتضمن هذه البيئة مراقباً لنظام الملفات يقوم بتشغيل عمليات إعادة البناء التلقائية وإعادة تحميل المتصفح عند تعديل ملفات المصدر. يتعامل خط الأنابيب مع تحويل كود مصدر Rust إلى ملفات WebAssembly الثنائية ويولد كود غراء (glue code) JavaScript الضروري لإنشاء الوحدات. كما يقوم بتجميع الأصول عن طريق استخراج التبعيات والملفات الثابتة بناءً على المراجع الموجودة في ملف HTML المصدر.
Implements a WebSocket-based mechanism to automatically refresh the browser after successful builds.
هذا المشروع عبارة عن مرجع تقني ودليل لتحسين أداء تطبيقات Angular. يوفر قائمة مرجعية شاملة لتحسين السرعة والكفاءة من خلال التركيز على تحسين الحزم (bundle)، وأفضل ممارسات العرض، وتنفيذ وقت التشغيل. يغطي الدليل مجموعة واسعة من الميزات بما في ذلك تنفيذ استراتيجيات تطبيقات الويب التقدمية (PWA) من خلال عمال الخدمة (service workers) والتخزين المؤقت دون اتصال. كما يفصل طرق تحسين أوقات التحميل المتصورة باستخدام العرض من جانب الخادم (SSR) وأغلفة التطبيقات. يوفر المستودع توجيهاً حول مجالات إمكانيات أوسع مثل ضبط اكتشاف التغيير، واستخدام عمال الويب (web workers) لتفريغ الحسابات الثقيلة، وإدارة DOM عبر التمرير الافتراضي. كما يغطي تقليل حجم الحزمة من خلال التخلص من الكود غير المستخدم (tree-shaking)، والضغط، وتقسيم الوحدات بالتحميل الكسول.
Reducing unnecessary browser re-renders by optimizing how Angular tracks state changes and executes logic outside of zones.
Observe-js is a JavaScript library designed for reactive state management and automated data synchronization. It provides a framework for monitoring complex data structures, allowing applications to maintain consistency by automatically triggering updates whenever object properties, nested paths, or collection contents are modified. The library distinguishes itself through granular observation capabilities, including the ability to track specific array mutations and deep object changes using low-level property interception. It employs path-based dependency resolution to map complex data struc
Monitors collections for additions, removals, or reordering to keep dependent lists and data structures in sync with the source.
The repository contains a curated collection of coding conventions, architectural patterns, and best practices designed for developing component-based web applications using Angular and TypeScript. It functions as an architecture manual establishing consistent patterns across development teams, covering application structure, component design, and code quality enforcement. The guidelines define domain-driven file organization and module encapsulation strategies that group project assets into bounded contexts with dedicated root facades to keep large codebases manageable and shorten import pat
Angular components maximize rendering performance by applying push-based change detection strategies and handling immutable input data.
Voby is a signal-based framework for building reactive user interfaces. It utilizes fine-grained observables to track data dependencies and trigger direct updates to the document object model, bypassing the need for a virtual DOM reconciliation process. By wrapping state in proxies, the framework automatically intercepts mutations to ensure consistent data flow across the application. The framework distinguishes itself through a focus on performance and lifecycle precision. It employs reactive update batching to group state changes into single execution cycles, minimizing redundant operations
Filters reactive data streams to trigger UI updates only when specific values change, preventing unnecessary re-renders.