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

Este proyecto es una guía integral de preparación para entrevistas técnicas y base de conocimientos de ciencias de la computación. Sirve como un recurso de estudio estructurado diseñado para ayudar a los ingenieros de software a repasar conceptos fundamentales de ingeniería y prepararse para evaluaciones profesionales de codificación. El repositorio se centra en una amplia gama de dominios teóricos y prácticos, incluyendo referencias detalladas para arquitectura de aplicaciones móviles y fundamentos de sistemas operativos. Proporciona materiales curados sobre patrones de arquitectura de software y análisis de protocolos de red para apoyar el desarrollo profesional. El contenido cubre capacidades fundamentales como estructuras de datos y algoritmos, concurrencia y multihilo, y gestión de memoria. También incluye profundidad en arquitectura de sistemas, incluyendo planificación de procesos, comunicación entre procesos y optimización de renderizado de UI.

Este proyecto es un blog de desarrollo frontend y una base de conocimientos técnicos. Sirve como referencia de ingeniería de software y portafolio de desarrollo web, proporcionando una colección curada de artículos y notas sobre ingeniería frontend, patrones de programación y fundamentos de ciencias de la computación. El sitio se centra en la educación en ingeniería frontend y la gestión del conocimiento técnico. Cubre patrones de arquitectura de software, flujos de trabajo de desarrollo web y preparación para entrevistas de ingeniería a través de la organización de guías técnicas y tutoriales. El alcance del proyecto incluye la documentación de los internos del navegador, la implementación de interfaces reactivas y la optimización del rendimiento web. También aborda estructuras de datos, algoritmos y el proceso de construcción y despliegue de sitios web estáticos.

Van es un framework de UI reactivo en JavaScript diseñado para construir interfaces de usuario con enlace de estado y actualizaciones automáticas del DOM sin un DOM virtual. Funciona como un framework frontend sin compilación (buildless), permitiendo la creación de aplicaciones reactivas utilizando funciones estándar de JavaScript que se ejecutan directamente en el navegador sin un paso de compilación. El framework incluye un gestor de estado reactivo que utiliza objetos basados en proxy para rastrear dependencias y activar actualizaciones de UI dirigidas. Proporciona una herramienta de renderizado del lado del servidor para generar HTML estático y un proceso de hidratación del lado del cliente correspondiente para adjuntar interactividad. Para aplicaciones de múltiples vistas, incluye un router del lado del cliente para gestionar la navegación y las transiciones de estado. El proyecto cubre una amplia gama de capacidades, incluyendo composición declarativa del DOM, enlace de estado a propiedad y renderizado de listas reactivas. Soporta gestión de estado avanzada a través de objetos de estado derivados, actualizaciones por lotes y serialización de estado. Adicionalmente, el framework soporta la generación de elementos SVG y MathML. El entorno de desarrollo soporta verificación de tipos estática y autocompletado a través de la integración con TypeScript.

Este proyecto es un plugin de reactividad que lleva la Composition API y la gestión de estado reactivo de Vue 3 a aplicaciones Vue 2. Funciona como un organizador de lógica de componentes y un sistema para encapsular estado reactivo y funciones en utilidades reutilizables. El plugin permite el uso de funciones composables para compartir lógica con estado entre componentes sin depender de mixins. Proporciona una estructura basada en variables y funciones simples para facilitar la inferencia automática de tipos y el autocompletado en el editor. Además, incluye un sistema de inyección de dependencias basado en proveedores para compartir datos y funciones a través de un árbol de componentes. El sistema cubre la gestión de estado reactivo, propiedades computadas y watchers, junto con la capacidad de engancharse a los ciclos de vida de los componentes. Permite la integración de librerías de terceros con estado en el sistema de reactividad nativo y admite la precarga de datos en el servidor. El proyecto está escrito en 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

Este proyecto es una plantilla para construir dashboards administrativos utilizando el framework Vue 3 y TypeScript. Proporciona una arquitectura modular diseñada para ayudar a los desarrolladores a organizar, monitorear y controlar configuraciones de aplicaciones complejas a través de un portal web centralizado. La plantilla se distingue por integrar un conjunto integral de herramientas de desarrollo, incluyendo un simulador de API backend incorporado y un generador de datos mock para el frontend. Estas características permiten probar la lógica de la aplicación y los flujos de usuario antes de que los servicios de producción estén completamente integrados. También incorpora una biblioteca de componentes reutilizables basada en Element Plus para acelerar la construcción de interfaces de gestión complejas. El framework incluye soporte fundamental para la internacionalización, permitiendo la traducción del texto de la interfaz de usuario a múltiples idiomas según la configuración regional. Utiliza una estructura de componentes modulares y gestión de estado reactiva para garantizar que los portales administrativos permanezcan organizados y mantenibles a medida que escalan.

Este proyecto es una herramienta de scaffolding frontend y plantilla de inicio diseñada para acelerar la creación de aplicaciones web utilizando Vue 3, TypeScript y Vite. Proporciona un entorno de desarrollo preconfigurado que integra herramientas de compilación esenciales y gestión de estado para agilizar la configuración inicial de interfaces de usuario escalables. El framework se distingue por automatizar tareas de desarrollo comunes, incluyendo la resolución e importación automática de dependencias del proyecto para reducir el código boilerplate. También implementa enrutamiento basado en archivos, el cual genera estructuras de navegación de la aplicación directamente desde el layout del directorio físico, y utiliza estilos de utilidad atómicos para mantener patrones visuales consistentes a través de tokens de diseño predefinidos. El entorno incluye soporte integrado para procesos de compilación modernos, como el empaquetado de módulos ahead-of-time y la reconciliación de DOM virtual, para asegurar un renderizado eficiente y activos estáticos optimizados. Estas capacidades están integradas en una estructura de proyecto unificada que simplifica la configuración y el mantenimiento para nuevas aplicaciones frontend.