51 repositorios
Mechanisms for synchronizing state between data sources and interface components.
Distinguishing note: No existing candidates for data binding.
Explore 51 awesome GitHub repositories matching user interface & experience · Data Binding. Refine with filters or upvote what's useful.
Developer Roadmap es una plataforma impulsada por la comunidad que proporciona rutas de aprendizaje estructuradas basadas en grafos para la ingeniería de software. Sirve como un repositorio de conocimiento integral donde los dominios técnicos se organizan en secuencias visuales para guiar la adquisición de habilidades profesionales y el crecimiento profesional. El proyecto se distingue por un ecosistema colaborativo que permite a los usuarios contribuir con roadmaps, curar las mejores prácticas de la industria y mantener perfiles profesionales. Integra marcos de evaluación de diagnóstico para evaluar la competencia técnica, ayudando a los desarrolladores a identificar brechas de conocimiento y prepararse para entrevistas profesionales a través de secuencias de aprendizaje específicas. Más allá de sus capacidades principales de mapeo, la plataforma ofrece ideas de proyectos prácticos y tutoría interactiva para reforzar los conceptos de ingeniería. Proporciona un espacio centralizado para que la comunidad comparta recursos, rastree el desarrollo progresivo de habilidades y navegue por paisajes técnicos complejos.
Synchronizes data between logic classes and interface templates to keep the user interface updated.
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.
Uses JavaScript expressions within directive arguments to determine attribute names or event types at runtime.
Gin is a web framework designed for building high-performance web services and APIs. It functions as a middleware-oriented engine that processes incoming HTTP requests through a sequential chain of handlers, allowing for the modular management of cross-cutting concerns such as authentication and logging. The framework utilizes a radix tree data structure to perform request routing, ensuring high-speed path matching with minimal memory overhead. It distinguishes itself by employing a zero-reflection dispatch mechanism that invokes handler functions through static type assertions, avoiding the
Parses metadata annotations to automatically bind request data to typed structures, reducing manual parsing boilerplate.
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
Synchronizes data models and the user interface automatically so that changes in either layer reflect in the other.
Vue is a progressive JavaScript framework designed for building modular, reactive user interfaces. It utilizes a component-based architecture that allows developers to encapsulate logic, templates, and styles into reusable units. At its core, the framework employs a virtual DOM renderer and a proxy-based reactivity system to synchronize application state with the document object model efficiently. What distinguishes this framework is its focus on developer experience and flexibility. It supports a single-file component format that colocalizes related concerns, alongside a powerful composition
Maintains multiple independent two-way data bindings on a single component by assigning unique arguments to model directives.
TodoMVC is a web application specification and a JavaScript framework comparison suite. It provides a standardized set of requirements used to generate feature-complete task-tracking applications across different languages and frameworks, serving as a frontend architectural reference. The project functions as a behavioral test suite and a cross-framework benchmark. It allows for the evaluation of frontend libraries by comparing identical application implementations to analyze differences in syntax, coding patterns, and functional capabilities. The suite covers broad capability areas includin
Implements automatic synchronization between the user interface and the underlying data model.
Fyne is a cross-platform graphical user interface toolkit for the Go programming language. It provides a comprehensive framework for building native applications that run on desktop, mobile, and web environments from a single codebase. The toolkit centers on a canvas-based rendering engine and a device-independent layout engine, ensuring that visual elements maintain consistent dimensions and behavior across diverse operating systems and screen densities. The project distinguishes itself through a reactive data-binding system that automatically synchronizes application state with interface co
Synchronizes collections of data items with interface components for automatic display updates.
ButterKnife is an Android view binding library and Java annotation processor that automates the linking of UI elements and resources to class fields and methods. It functions as a system for managing view references and event listeners to reduce repetitive setup code in Android applications. The library uses compile-time code generation to replace manual view lookups and type casting with generated helper classes, ensuring a reflection-free runtime. It differentiates itself by providing mechanisms for binding interaction events directly to methods, eliminating the need for anonymous inner cla
Binds multiple interface elements into arrays to manage shared properties and collective actions.
Livewire is a full-stack framework for PHP that enables the development of reactive, dynamic user interfaces using server-side classes and templates. By bridging the gap between server-side logic and client-side DOM updates, it allows developers to build interactive web applications without writing custom JavaScript. The framework operates as a component-based library, where modular units encapsulate interface logic, state, and event handling directly on the server. The framework distinguishes itself through a reactive architecture that automatically synchronizes state between the browser and
Implements custom getter and setter methods to enable direct binding between UI inputs and complex object properties.
Polymer is a custom element framework and web component library used to build reusable, encapsulated custom elements that function as native browser components. It serves as a system for defining public properties and attributes that trigger automatic state observation and updates within the DOM. The project functions as a data binding library, providing a mechanism to synchronize state between internal component properties and external models via two-way data binding. It covers the development of frontend component libraries and web component architecture, enabling the creation of modular u
Links internal component state to external models for immediate bidirectional updates.
Handsontable is a JavaScript data grid that provides a spreadsheet-like interface for managing and editing large datasets within web applications. It functions as a virtualized data table that renders only visible cells to maintain performance, paired with a synchronization layer that binds the grid to underlying data structures. The project distinguishes itself through a built-in spreadsheet calculation engine for evaluating mathematical and logical expressions and a dedicated tool for exporting grid content into Excel XLSX files. It ensures interoperability with external spreadsheet softwar
Synchronizes the visual grid with underlying data structures formatted as arrays of objects or arrays.
Mithril.js is a JavaScript framework for building single page applications. It functions as a virtual DOM library and reactive UI framework, providing a system to synchronize application state with visual elements to ensure interfaces update instantly. The toolkit includes a built-in client side router that maps browser URL paths to specific components without reloading the page. It also features an integrated HTTP request client for performing asynchronous network calls to remote APIs for data retrieval and transmission. The framework covers broad capabilities for frontend development, incl
Implements an automatic redraw system based on dirty-checking to synchronize the virtual DOM with application state.
mui is a mobile UI component framework and native-like web UI kit designed for building high-performance mobile web interfaces. It functions as a mobile web performance framework and gesture-based interface library to eliminate browser lag and mimic the behaviors and animations of native mobile applications. The framework focuses on implementing common mobile UX patterns, including pull-to-refresh functionality, swipe-to-action menus, and sliding side navigation. It provides specialized tools for gesture-driven interface development to ensure an immediate visual response to touch interactions
Implements synchronization of UI components with asynchronously resolved server-side data stores.
Aurelia is a JavaScript web framework and component-based UI system used to build applications for browser, mobile, and desktop environments. It functions as a frontend application orchestrator and data binding library that synchronizes application state with the view to render dynamic content and process user input. The framework implements a component architecture that pairs logic classes with HTML templates to create reusable visual elements. It utilizes a dependency injection container to manage object lifecycles and a modular composition model that aggregates independent functional packa
Synchronizes application state with the view using a binding syntax to render dynamic content.
CKEditor 5 is a modular rich text editor framework and JavaScript UI component used to build customizable visual editors. It serves as a system for generating HTML or Markdown content, providing both full rich-text editor components and restricted inline editor components for web applications. The framework includes a collaborative editing engine for real-time simultaneous editing, change tracking, and threaded commenting. It features an AI text assistant for polishing, rewriting, and generating content, as well as a document export engine that transforms rich text into PDF and Word files. T
Synchronizes editor content with application state using data binding to align the UI and data.
This repository is a comprehensive collection of reference implementations and sample libraries for the Universal Windows Platform. It provides practical examples of how to use Windows Runtime APIs to build cross-device applications, including detailed guidance on XAML-based declarative user interfaces and DirectX-integrated rendering. The project distinguishes itself by providing a wide array of hardware integration suites, covering low-level communication with USB, Serial, I2C, SPI, and GPIO peripherals. It includes specialized implementations for mixed reality holographic rendering, advanc
Provides UI-to-data synchronization validated at compile time to increase runtime performance.
react-vis es una librería de visualización de datos de React y un framework de gráficos declarativo utilizado para crear representaciones gráficas componibles. Proporciona un sistema para renderizar visualizaciones complejas componiendo bloques de construcción simples en estructuras de gráficos más grandes. La librería incluye herramientas especializadas para el mapeo de datos jerárquicos mediante diagramas sunburst y mapas de árbol, así como visualización de flujo y relaciones mediante diagramas de Sankey. También proporciona un visualizador de datos multivariante para trazar datos de alta dimensión mediante coordenadas paralelas, gráficos de radar y visualizaciones radiales. El framework admite implementaciones de gráficos estándar para gráficos de líneas, barras y circulares, junto con la gestión de leyendas de gráficos y gráficos de coordenadas ortogonales. Estas visualizaciones se generan utilizando gráficos vectoriales escalables.
Binds data properties directly to visual attributes like height, width, and color for dynamic chart generation.
Epoxy is an Android library for building complex RecyclerView screens using a model-driven approach. It generates RecyclerView adapter models at compile time from annotated custom views, data binding layouts, or view holders, eliminating the manual boilerplate typically associated with view holders and adapters. The library provides a diffing engine that automatically compares model lists and applies minimal updates with animations for insertions, removals, and moves. The library distinguishes itself through its controller-based model building, where a controller class with a buildModels meth
Generates RecyclerView model classes automatically from Android DataBinding layout files.
Relax is a headless content management system and visual website builder. It allows for the creation and organization of digital content delivered via a GraphQL API to a React frontend, utilizing a component-based visual editor to construct web pages and layouts without writing manual code. The platform integrates a dockerized content manager for simplified deployment and uses a schema-driven approach to structure data architecture and entry types. It features a dynamic administrative experience built with React and Redux to manage site states and user interfaces. The system provides broad c
Connects external data sources to page components to populate site content automatically.
AngularFire es una biblioteca de integración que envuelve el SDK de JavaScript de Firebase en servicios de Angular y patrones de inyección de dependencias. Proporciona los mecanismos necesarios para conectar la autenticación, bases de datos y almacenamiento del backend a una aplicación. La biblioteca convierte los flujos de datos en vivo en secuencias observables para sincronizar los datos remotos con el estado de la aplicación en tiempo real. También incluye un mecanismo para proteger rutas verificando la identidad del usuario mediante tokens de autenticación y una utilidad de línea de comandos para automatizar el despliegue de compilaciones de aplicaciones a servicios de alojamiento. Las capacidades adicionales incluyen el seguimiento de la navegación del router y eventos de usuario para análisis web, y la encapsulación de llamadas a la API de la nube dentro de clases inyectables para separar la infraestructura de la lógica de negocio.
Implements data binding that synchronizes Firebase realtime listeners with the application state using RxJS observables.