18 repositorios
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 es un framework de JavaScript progresivo basado en componentes diseñado para construir interfaces de usuario reactivas y aplicaciones de una sola página. Se centra en un sistema de plantillas declarativo que transforma HTML en funciones de renderizado eficientes, permitiendo a los desarrolladores organizar interfaces complejas en unidades aisladas y reutilizables que se sincronizan automáticamente con el estado de la aplicación. El framework se distingue por un sistema de reactividad de seguimiento de dependencias que monitorea el acceso a los datos durante el renderizado para activar actualizaciones precisas. Proporciona una arquitectura flexible que admite tanto la adopción incremental como una biblioteca ligera como el desarrollo de aplicaciones a gran escala. Los desarrolladores pueden aprovechar un modelo de extensibilidad basado en plugins robusto para inyectar lógica global, mientras que la reconciliación del DOM virtual del framework asegura actualizaciones de interfaz eficientes calculando mutaciones mínimas. Más allá de sus capacidades de renderizado principales, el proyecto incluye un conjunto completo de herramientas para gestionar el estado de la aplicación, enrutamiento basado en URL y renderizado del lado del servidor. Ofrece un amplio soporte para la composición de componentes, distribución de contenido y gestión de animaciones, junto con medidas de seguridad integradas como el escape automático de contenido para prevenir vulnerabilidades comunes. El framework se distribuye con declaraciones de tipo oficiales para admitir el análisis estático y puede instalarse a través de gestores de paquetes estándar o integrarse directamente en entornos de navegador a través de etiquetas de script.
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 es un framework web con tipado fuerte y orquestador de aplicaciones full-stack diseñado para PostgreSQL. Funciona como un framework de renderizado del lado del servidor y un ORM con tipado fuerte que genera automáticamente tipos de registro a partir de esquemas SQL para garantizar la validación de consultas en tiempo de compilación. La plataforma se distingue por verificar el enrutamiento, las consultas a la base de datos y las plantillas en tiempo de compilación para evitar errores en tiempo de ejecución. Implementa interfaces web en tiempo real utilizando WebSockets para la sincronización instantánea de datos y emplea hipermedia impulsada por el servidor para parches parciales del DOM. El framework cubre una amplia gama de capacidades integradas, incluyendo gestión de identidad de usuario con soporte para passkeys y OAuth, una capa completa de almacenamiento de datos con migraciones automatizadas y un sistema integral de renderizado de UI con plantillas HTML con tipado fuerte. También proporciona herramientas integradas para el desarrollo de API JSON, ejecución de tareas en segundo plano de forma asíncrona e integración financiera para pasarelas de pago. Los entornos de producción se gestionan mediante despliegue declarativo con NixOS para una infraestructura reproducible.
Automatically refreshes the browser when code changes are saved to provide immediate developer feedback.
This project is an implementation of React Server Components, providing a full-stack component architecture that blends server-side rendering with client-side interactivity. It enables the development of web applications where server-only components for data fetching and interactive client components coexist within a single component tree. The system focuses on server-client data orchestration, allowing for the execution of server functions and database mutations across the network boundary. It distinguishes itself through a hybrid component architecture that shifts component execution to the
Provides a reactive change detection system that triggers updates only when semantic state changes occur.
Trunk es una herramienta de construcción y servidor de desarrollo para compilar código Rust a WebAssembly y empaquetarlo para su despliegue en navegadores. Funciona como un bundler web que combina módulos de WebAssembly, JavaScript y archivos estáticos en una aplicación web desplegable. La herramienta proporciona un servidor de desarrollo local que utiliza proxies HTTP y WebSocket para permitir una iteración rápida. Este entorno incluye un observador del sistema de archivos que activa reconstrucciones automáticas y recargas del navegador cuando se modifican los archivos fuente. El pipeline maneja la conversión de código fuente de Rust a binarios de WebAssembly y genera el código de pegamento (glue code) de JavaScript necesario para instanciar los módulos. También realiza el empaquetado de activos extrayendo dependencias y archivos estáticos basados en referencias encontradas en un archivo HTML fuente.
Implements a WebSocket-based mechanism to automatically refresh the browser after successful builds.
Este proyecto es una referencia técnica y guía para optimizar el rendimiento de las aplicaciones Angular. Proporciona una lista de verificación integral para mejorar la velocidad y la eficiencia centrándose en la optimización de paquetes (bundles), mejores prácticas de renderizado y ejecución en tiempo de ejecución. La guía cubre una amplia gama de diferenciadores, incluyendo la implementación de estrategias de aplicaciones web progresivas (PWA) a través de service workers y caché offline. También detalla métodos para mejorar los tiempos de carga percibidos utilizando renderizado del lado del servidor (SSR) y shells de aplicación. El repositorio proporciona orientación sobre áreas de capacidad más amplias, como el ajuste de la detección de cambios, el uso de web workers para descargar cálculos pesados y la gestión del DOM mediante desplazamiento virtual (virtual scrolling). También cubre la reducción del tamaño del paquete mediante tree-shaking, minificación y división de módulos de carga perezosa (lazy-loading).
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.