20 Repos
Implementation of reactive systems using JavaScript Proxy objects to intercept and react to data changes.
Distinguishing note: Specifically uses Proxy-based interception, distinct from getter/setter or observable-based reactivity.
Explore 20 awesome GitHub repositories matching web development · Proxy-Based Reactivity. Refine with filters or upvote what's useful.
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
Employs JavaScript Proxies to intercept object reads and writes for automatic dependency tracking and notifications.
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
Uses JavaScript proxies to intercept mutations on nested objects, enabling granular reactivity for complex data structures.
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
Uses JavaScript proxy objects to intercept data mutations and automatically trigger targeted updates across the user interface components.
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
Uses JavaScript Proxies to intercept property access and assignments for recording state changes.
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
Uses JavaScript Proxy objects to intercept property access and mutations for deep tracking of nested data.
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
Intercepts calls to undefined methods to implement dynamic proxying and flexible API design.
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
Uses proxy-based mutable updates to allow intuitive state modification while maintaining immutability.
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
Applies cross-cutting logic to method invocations using interceptor bindings and repeatable annotations.
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
Uses JavaScript proxies to intercept and forward property access and method calls from a background worker to the main thread.
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
Intercepts and replaces application methods at runtime to inject custom logic into the execution flow.
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
Utilizes JavaScript Proxies to track data dependencies and trigger automatic UI updates.
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
Executes custom code before or after original methods while maintaining the existing program flow.
Dieses Projekt ist eine umfassende Vorbereitungshilfe für technische Interviews und eine Wissensdatenbank für Informatik. Es dient als strukturierte Lernressource, die Software-Engineers dabei unterstützt, grundlegende Engineering-Konzepte zu wiederholen und sich auf professionelle Coding-Assessments vorzubereiten. Das Repository konzentriert sich auf eine Vielzahl theoretischer und praktischer Bereiche, einschließlich detaillierter Referenzen für mobile App-Architektur und Betriebssystem-Grundlagen. Es bietet kuratierte Materialien zu Software-Architekturmustern und Netzwerkprotokoll-Analyse zur Unterstützung der beruflichen Weiterentwicklung. Der Inhalt deckt fundamentale Bereiche wie Datenstrukturen und Algorithmen, Concurrency und Multithreading sowie Speicherverwaltung ab. Zudem bietet es tiefgehende Einblicke in Systemarchitektur, einschließlich Prozess-Scheduling, Inter-Process-Communication und UI-Rendering-Optimierung.
Describes the process of intercepting and handling calls to unimplemented methods in Objective-C.
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
Implements reactive state management using JavaScript Proxy objects to intercept data mutations.
Van is a reactive JavaScript UI framework designed for building user interfaces with state binding and automatic DOM updates without a virtual DOM. It functions as a buildless frontend framework, allowing the creation of reactive applications using standard JavaScript functions that run directly in the browser without a compilation step. The framework includes a reactive state manager that uses proxy-based objects to track dependencies and trigger targeted UI updates. It provides a server-side rendering tool for generating static HTML and a corresponding client-side hydration process to attac
Allows wrapping JavaScript class instances in reactive proxies to bind custom object models to the UI.
Dieses Projekt ist ein Reaktivitäts-Plugin, das die Composition API und das reaktive State-Management von Vue 3 in Vue 2-Anwendungen bringt. Es dient als Organisator für Komponentenlogik und als System zur Kapselung von reaktivem State und Funktionen in wiederverwendbare Utilities. Das Plugin ermöglicht die Nutzung von Composable-Funktionen, um zustandsbehaftete Logik über Komponenten hinweg zu teilen, ohne auf Mixins angewiesen zu sein. Es bietet eine Struktur auf Basis einfacher Variablen und Funktionen, um automatische Typinferenz und Editor-Autocomplete zu erleichtern. Zusätzlich enthält es ein Provider-basiertes Dependency-Injection-System, um Daten und Funktionen über einen Komponentenbaum hinweg bereitzustellen. Das System deckt die Verwaltung von reaktivem State, Computed Properties und Watchern ab, sowie die Möglichkeit, in Komponenten-Lifecycles einzugreifen. Es erlaubt die Integration von zustandsbehafteten Bibliotheken Dritter in das native Reaktivitätssystem und unterstützt das Prefetching von Daten auf dem Server. Das Projekt ist in TypeScript geschrieben.
Uses JavaScript Proxy objects to intercept data changes and automatically trigger UI updates.
Vuefire ist eine Firebase-Integrationsbibliothek für Vue.js, die Backend-Zustand und Echtzeitdaten mit reaktiven Frontend-Komponenten synchronisiert. Sie fungiert als Backend-as-a-Service-Client und Synchronisierungstool, das entfernte Firebase-Dokumente, -Collections und den Authentifizierungsstatus mit dem lokalen Anwendungszustand verbindet. Die Bibliothek bietet spezialisierte Wrapper für das Management von Nutzer-Authentifizierungs-Workflows und Echtzeit-Datenbank-Synchronisierung. Sie automatisiert den Prozess der Verknüpfung entfernter Datenquellen mit reaktiven Objekten und Arrays und stellt sicher, dass die Benutzeroberfläche sofort aktualisiert wird, wenn sich Backend-Daten ändern. Das Projekt deckt serverlose Frontend-Entwicklung durch reaktive Bindings für Dokumente und Collections ab. Es enthält zudem Integrations-Dienstprogramme für Nuxt-Projekte, um die Initialisierung von Datenbank-Bindings und Einstellungen zu automatisieren.
Uses JavaScript Proxy objects to synchronize remote Firebase data streams with Vue's reactivity system.
Dieses Projekt ist eine Vorlage für den Aufbau von Admin-Dashboards unter Verwendung des Vue 3-Frameworks und TypeScript. Es bietet eine modulare Architektur, die Entwicklern dabei helfen soll, komplexe Anwendungseinstellungen über ein zentrales Webportal zu organisieren, zu überwachen und zu steuern. Die Vorlage zeichnet sich durch die Integration einer umfassenden Suite von Entwicklungstools aus, einschließlich eines integrierten Backend-API-Simulators und eines Frontend-Mock-Data-Generators. Diese Funktionen ermöglichen das Testen von Anwendungslogik und Benutzerabläufen, bevor Produktionsdienste vollständig integriert sind. Sie enthält zudem eine wiederverwendbare Komponentenbibliothek auf Basis von Element Plus, um die Konstruktion komplexer Management-Interfaces zu beschleunigen. Das Framework enthält grundlegende Unterstützung für Internationalisierung, was die Übersetzung von UI-Texten in mehrere Sprachen basierend auf regionalen Einstellungen ermöglicht. Es nutzt eine modulare Komponentenstruktur und reaktives State-Management, um sicherzustellen, dass Admin-Portale bei der Skalierung organisiert und wartbar bleiben.
Tracks data changes using JavaScript proxies to trigger automatic UI updates.
Dieses Projekt ist ein Frontend-Scaffolding-Tool und Starter-Template, das die Erstellung von Webanwendungen mit Vue 3, TypeScript und Vite beschleunigen soll. Es bietet eine vorkonfigurierte Entwicklungsumgebung, die wesentliche Build-Tools und State-Management integriert, um die initiale Einrichtung skalierbarer User-Interfaces zu optimieren. Das Framework zeichnet sich durch die Automatisierung gängiger Entwicklungsaufgaben aus, einschließlich der automatischen Auflösung und des Imports von Projektabhängigkeiten, um Boilerplate-Code zu reduzieren. Es implementiert zudem dateibasiertes Routing, das Anwendungsnavigationsstrukturen direkt aus dem physischen Verzeichnislayout generiert, und nutzt atomares Utility-Styling, um konsistente visuelle Muster durch vordefinierte Design-Tokens zu wahren. Die Umgebung enthält integrierte Unterstützung für moderne Build-Prozesse, wie Ahead-of-Time-Modul-Bundling und Virtual-DOM-Reconciliation, um effizientes Rendering und optimierte statische Assets sicherzustellen. Diese Funktionen sind in eine einheitliche Projektstruktur integriert, die Konfiguration und Wartung für neue Frontend-Anwendungen vereinfacht.
Implements reactive data tracking using JavaScript Proxy objects for granular component updates.
Observer-util is a reactive state management library that leverages ES6 proxies to automate dependency tracking and synchronization between data and application logic. By wrapping plain data structures in transparent proxies, the library monitors property access and mutations to trigger associated functions automatically whenever the underlying state changes. The library distinguishes itself through its granular control over the reactive lifecycle and execution flow. It provides mechanisms to decouple data change detection from reaction execution, allowing developers to implement custom sched
Provides a reactive state management tool that uses ES6 Proxies to track data mutations and automatically trigger function execution.