Awesome GitHub RepositoriesReactive Binding Updates

Lit is a library for building lightweight, interoperable web components. It provides a base class that leverages native browser APIs to encapsulate state, logic, and styles, allowing developers to create custom elements that function consistently across any modern web project. The framework distinguishes itself through a reactive property system that automatically triggers efficient, batched DOM updates. By utilizing tagged template literals, it defines declarative UI structures that are compiled into optimized update instructions. Its architecture emphasizes modularity through a reactive con

Pose-animator is a system that maps real-time body and face tracking data to 2D vector illustrations. It functions as a skeletal animation engine and motion controller that translates human keypoint recognition into instantaneous SVG path updates. The project enables real-time motion capture from webcam feeds and pose extraction from static images. It utilizes a skeletal rig to link virtual bones to vector character surfaces, allowing for the animation of custom characters and interactive avatars. The tool incorporates client-side machine learning inference for processing camera frames, coor

morris.js is a JavaScript data visualization library and SVG charting framework. It is designed to render time-series line, bar, area, and donut charts to visualize complex datasets and distribution patterns. The library specializes in time-series charting to display temporal trends and track how specific values change over time. It provides tools for statistical data representation, allowing for the comparison of different data sets or the illustration of proportions within a whole. The framework enables the creation of web dashboard analytics by transforming raw data into graphical represe

Ractive is an open-source JavaScript framework for building reactive user interfaces where the DOM automatically updates when underlying data changes. It is fundamentally a declarative data binding library that synchronizes data between the model and the view, enabling two-way binding without manual DOM manipulation, and operates as a template-based component system for composing markup, styles, and logic into reusable UI components. The framework distinguishes itself through a plugin-extensible architecture that allows custom components, adaptors, and extensions to be registered without modi

Este proyecto es una implementación personalizada del patrón Model-View-ViewModel diseñada para replicar la reactividad central y el análisis de plantillas del framework Vue. Funciona como un motor de enlace de datos, un gestor de estado reactivo y un compilador de plantillas personalizado. El framework emplea un sistema para sincronizar el estado del modelo con elementos DOM a través de la interceptación de propiedades y un patrón de observador. Utiliza un analizador para escanear elementos DOM en busca de directivas, reemplazando marcadores de posición y vinculando datos a nodos de vista para lograr la sincronización de datos bidireccional. El sistema cubre el enlace de datos reactivo y el desarrollo de un compilador de plantillas que identifica directivas personalizadas en HTML para inyectar datos dinámicamente y gestionar actualizaciones.

Derby es un framework MVC isomórfico y motor de sincronización de datos en tiempo real diseñado para construir aplicaciones colaborativas. Funciona como una librería de enlace de datos bidireccional y motor de plantillas que comparte una única base de código entre Node.js y el navegador para sincronizar el estado entre clientes y servidores. El framework se distingue por el uso de transformación operacional para resolver conflictos de datos automáticamente, permitiendo la edición compartida en tiempo real y la colaboración multiusuario. Emplea un modelo de mutación de estado diferencial para minimizar las actualizaciones realizando comprobaciones de igualdad profunda, asegurando que solo se propaguen los valores modificados. La plataforma cubre una amplia gama de capacidades, incluyendo gestión de estado reactiva, enrutamiento isomórfico y desarrollo de componentes de UI modulares. Proporciona herramientas para gestionar rutas de datos anidadas, ejecutar renderizado isomórfico para cargas iniciales rápidas e integrar con middleware de servidor. El sistema está implementado utilizando TypeScript.

Wave es un framework de aplicaciones web full-stack y una biblioteca de UI low-code diseñada para construir paneles de datos en tiempo real e interfaces interactivas utilizando Python y R. Permite a los desarrolladores definir interfaces de usuario basadas en navegador y gestionar el estado del lado del servidor sin escribir HTML o CSS. El proyecto funciona como un sincronizador de estado colaborativo, retransmitiendo y persistiendo el estado de la aplicación a través de múltiples usuarios concurrentes para permitir experiencias compartidas en tiempo real. Se distingue por transmitir actualizaciones en vivo y visualizaciones de datos a los navegadores conectados a través de un modelo de programación unificado. El framework cubre una amplia gama de capacidades, incluyendo la creación de diseños responsivos, formularios de entrada interactivos y visualizaciones de datos. Incluye herramientas para gestionar el enrutamiento de aplicaciones, renderizar tablas de datos y construir interfaces de chat conversacionales. Los usuarios pueden iniciar nuevos proyectos utilizando plantillas predefinidas o importar una biblioteca de ejemplos de aplicaciones para que sirvan como implementaciones de referencia.

Peity es una librería ligera de visualización de datos SVG que transforma contenido de texto numérico y atributos HTML en pequeños gráficos de pastel, dona, barras y líneas. Funciona como un renderizador basado en atributos y una herramienta de mejora progresiva, añadiendo gráficos vectoriales a las páginas web leyendo datos directamente del DOM sin requerir frameworks de JavaScript pesados. La librería admite funciones de dibujo personalizadas y asignaciones de color dinámicas, permitiendo el registro de nuevos tipos de gráficos y el uso de funciones personalizadas para determinar los colores de los segmentos. Su superficie de capacidades cubre el renderizado de mini gráficos de datos, como sparklines y anillos de progreso para métricas de paneles. Incluye la capacidad de redibujar automáticamente las visualizaciones cuando cambia el texto del elemento subyacente y permite la configuración individual de los gráficos mediante atributos de datos HTML.

This project is a Babel plugin that enables the use of JSX syntax within Vue 2 applications. It functions as a build-time transpilation tool, converting declarative JSX into standard JavaScript render functions that are compatible with the framework's component system. The plugin bridges the gap between JSX and the framework by mapping standard template directives, such as event handling and model binding, directly to JSX attributes. It also provides automatic injection of the component instance context, allowing developers to access reactive properties and lifecycle methods directly within t