Awesome GitHub RepositoriesTwo-Way Data Binding

AngularJS is a structural framework for building dynamic web applications by extending standard HTML with custom tags and attributes. It operates as a client-side template engine that transforms declarative markup into interactive components, organizing application logic through a model-view-controller pattern. By utilizing a centralized dependency injection container, the framework manages the lifecycle of services and components to ensure modularity and maintainable architecture. The framework is defined by its two-way data binding mechanism, which automatically synchronizes data models wit

Angular-seed is a boilerplate project designed to facilitate the development of modular web applications. It provides a structured environment for building user interfaces through a component-based architecture, where logic, styles, and templates are encapsulated into self-contained units. The framework utilizes a dependency injection container to manage object lifecycles and promote modularity across the codebase. It supports reactive data binding and two-way synchronization between the data model and the view layer, ensuring that the user interface reflects the current application state. T

Blur Admin is an AngularJS and Bootstrap framework for building responsive administrative dashboards. It provides a set of grid-based templates and predefined layout components designed to create high-resolution management interfaces that adapt to different screen sizes. The framework includes a Sass-based theme engine that allows for the customization of visual appearances, color schemes, and brand identity through a central set of style variables. It specifically features a blur theme effect that applies translucent backgrounds and blurred effects across the interface. The system covers da

Knockout is a client-side UI library and JavaScript framework used to create responsive web interfaces. It functions as a declarative data binding library and an observable data model system that decouples business logic from the document object model. The project implements the Model-View-ViewModel pattern to separate application logic from the user interface. It synchronizes data models with visual views by linking internal JavaScript properties to HTML elements, allowing the interface to update automatically when underlying data changes. The framework provides capabilities for dynamic fro

Vue Native is a framework that compiles Vue.js single-file components into React Native primitives, enabling developers to build native iOS and Android applications using Vue syntax. At its core, it provides a build-time compiler that transforms Vue components into React components, while hooking Vue's dependency-tracking reactivity system into React's component lifecycle to trigger re-renders when observed data changes. The framework wraps React Native's native module bridge so Vue components can access device APIs through Vue's reactivity system, and maps Vue's component syntax to React Nat

This project is a sample library and implementation guide for using RxJava to manage asynchronous data streams and concurrent tasks in Android applications. It provides a collection of reference implementations for reactive programming, focusing on functional operators to transform and combine asynchronous data flows. The library demonstrates specific Android architectural patterns, such as implementing decoupled event buses for component communication and coordinating parallel network requests. It includes concrete examples of mobile-specific patterns including search input debouncing, list

This project is a technical study guide and architectural analysis of the Vue.js framework. It serves as an educational resource for understanding the implementation of a reactive framework, providing source code analysis and architectural visualizations to explain the internal workings of the Model-View-ViewModel pattern. The project focuses on the mechanics of reactive framework implementation, specifically how dependency tracking, getters, and setters are used to synchronize state with a user interface. It includes detailed examinations of the virtual DOM and the process of reconciling ele

Vuido is a framework for building native desktop applications for Windows, macOS, and Linux using Vue.js components, without requiring Electron or Chromium. It maps Vue components directly to native widgets from the libui library, creating lightweight applications that run on a single-threaded event loop and compile templates at build time for optimized runtime performance. The framework provides a complete Vue.js component-to-native bridge, enabling two-way data binding via v-model, component-based window composition, and platform-specific package generation for distributing executables. It

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 es una aplicación de referencia de AngularJS que demuestra la arquitectura, la estructura de carpetas y la organización de módulos necesarias para construir aplicaciones de una sola página (SPA). Funciona como una aplicación CRUD basada en REST diseñada para la gestión de proyectos. El proyecto incluye una implementación completa de pipeline CI/CD y una suite de pruebas automatizadas. Estas herramientas automatizan el linting de código, la minificación de activos y la ejecución de pruebas unitarias y de extremo a extremo en múltiples navegadores para verificar la lógica de la aplicación. La aplicación cubre el control de acceso frontend a través de patrones de autenticación y autorización. Además, implementa una arquitectura de aplicación CRUD para gestionar registros de datos a través de una API backend.

Avalon is a client-side MVVM JavaScript framework that binds model data to DOM elements and automatically updates views when state changes. It functions as a component-based UI framework, encapsulating markup, logic, and styles into reusable custom components that can be composed across pages, while also serving as a virtual DOM diffing engine that computes minimal DOM updates by comparing lightweight in-memory view tree snapshots. The framework distinguishes itself through a template directive compiler that transforms declarative HTML attributes like ms-repeat and ms-if into executable view

Xamarin.Forms is a cross-platform mobile framework for building native user interfaces using a single shared codebase and .NET. It functions as a data-driven UI library and a XAML UI toolkit, allowing application layouts and visual elements to be defined using an XML-based markup language. The framework provides native API wrappers that offer access to device-specific hardware and operating system features via C#. It utilizes a system for rendering a single user interface codebase through native controls across different operating systems. The project covers adaptive layout management and ap

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.

Bond es un framework de enlace de datos para Swift diseñado para sincronizar modelos de datos y elementos de interfaz de usuario a través de flujos de valores unidireccionales y bidireccionales. Funciona como una suite reactiva para monitorear cambios en colecciones, transformar flujos de datos y conectar eventos de interfaz de usuario con modelos de datos. El proyecto proporciona un puente reactivo que transforma las interacciones de la interfaz de usuario y las llamadas a métodos de delegados de protocolo en señales observables. Incluye un observador de colecciones para monitorear cambios en arrays y un procesador de flujo de datos funcional que aplica operadores para modificar o combinar valores antes de que lleguen a un elemento de interfaz de destino. El framework cubre amplias áreas de capacidad, incluyendo la sincronización a nivel de propiedad, enlace automatizado de fuentes de datos para vistas de tabla y colección, y la conversión de invocaciones de métodos de delegados en eventos de señal asíncronos.

vue-draggable-plus es una biblioteca de drag-and-drop para Vue 2 y Vue 3 utilizada para crear interfaces arrastrables vinculadas a datos. Proporciona componentes para implementar la ordenación de listas y el reordenamiento de elementos dentro de una secuencia, mientras sincroniza la posición visual de los elementos con el estado subyacente de la aplicación. La biblioteca incluye una herramienta de transferencia entre listas que permite el movimiento de elementos entre múltiples contenedores utilizando identificadores de grupo compartidos y reglas de clonación. La interacción puede restringirse a elementos hijos específicos mediante disparadores basados en manejadores (handles). El proyecto cubre una amplia gama de primitivas de drag-and-drop, incluyendo gestión de eventos para callbacks personalizados durante los ciclos de vida de arrastre y mecanismos para mantener el enlace bidireccional entre la interfaz de usuario y el modelo de datos.

textAngular is a rich text editor component for AngularJS applications. It provides a visual editing interface that enables users to format text and embed media, acting as a synchronization layer that connects the editor to an application data model. The editor features a customizable interface where formatting button groups and toolbar layouts are defined via configuration. It supports the registration of custom tools and plugins to extend the editor's functional capabilities. The project covers HTML content binding with two-way data synchronization, event-driven change tracking, and the us

Angular-chart.js es una librería de gráficos frontend que proporciona un conjunto de directivas reutilizables para integrar el motor de visualización Chart.js en aplicaciones AngularJS. Funciona como un wrapper que encapsula la lógica de renderizado compleja dentro de componentes declarativos, permitiendo la creación de representaciones gráficas de datos interactivas y responsivas. La librería destaca por proporcionar sincronización de datos reactiva, que activa automáticamente el re-renderizado del canvas cada vez que cambian los datos subyacentes o los modelos de configuración. También utiliza un sistema de configuración basado en proveedores, permitiendo a los desarrolladores centralizar el estilo global, las paletas de colores y los valores predeterminados de comportamiento para asegurar una presentación visual consistente en toda una aplicación. El proyecto admite una amplia gama de capacidades de visualización, incluyendo la capacidad de superponer múltiples tipos de gráficos en un solo canvas y la integración de plugins personalizados para comportamientos de renderizado especializados. Gestiona el ciclo de vida completo de cada instancia de gráfico, proporcionando hooks para la limpieza de recursos y el manejo de eventos para capturar interacciones del usuario como clics y hovers.