51 Repos
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 ist eine Community-gesteuerte Plattform, die strukturierte, graphbasierte Lernpfade für das Software-Engineering bietet. Sie dient als umfassendes Wissens-Repository, in dem technische Bereiche in visuellen Sequenzen organisiert sind, um den Erwerb beruflicher Fähigkeiten und das Karrierewachstum zu steuern. Das Projekt zeichnet sich durch ein kollaboratives Ökosystem aus, das es Nutzern ermöglicht, Roadmaps beizusteuern, bewährte Branchenpraktiken zu kuratieren und berufliche Profile zu pflegen. Es integriert diagnostische Bewertungs-Frameworks, um die technische Kompetenz zu evaluieren, und hilft Entwicklern dabei, Wissenslücken zu identifizieren und sich durch gezielte Lernsequenzen auf professionelle Vorstellungsgespräche vorzubereiten. Über seine Kern-Mapping-Funktionen hinaus bietet die Plattform praktische Projektideen und interaktives Tutoring, um Engineering-Konzepte zu festigen. Sie bietet einen zentralen Raum für die Community, um Ressourcen zu teilen, den fortschreitenden Kompetenzaufbau zu verfolgen und durch komplexe technische Landschaften zu navigieren.
Synchronizes data between logic classes and interface templates to keep the user interface updated.
Vue ist ein progressives, komponentenbasiertes JavaScript-Framework, das für den Aufbau reaktiver Benutzeroberflächen und Single-Page-Anwendungen entwickelt wurde. Es konzentriert sich auf ein deklaratives Vorlagensystem, das HTML in effiziente Render-Funktionen umwandelt und es Entwicklern ermöglicht, komplexe Schnittstellen in isolierte, wiederverwendbare Einheiten zu organisieren, die automatisch mit dem Anwendungszustand synchronisieren. Das Framework zeichnet sich durch ein reaktivitätsbasiertes Abhängigkeitsverfolgungssystem aus, das den Datenzugriff während des Renderns überwacht, um präzise Updates auszulösen. Es bietet eine flexible Architektur, die sowohl die inkrementelle Einführung als auch die Entwicklung von Anwendungen in vollem Umfang unterstützt. Entwickler können ein robustes, Plugin-basiertes Erweiterbarkeitsmodell nutzen, um globale Logik zu injizieren, während die virtuelle DOM-Abgleichung des Frameworks effiziente Schnittstellen-Updates durch die Berechnung minimaler Mutationen sicherstellt. Über seine Kern-Rendering-Fähigkeiten hinaus enthält das Projekt eine umfassende Suite von Tools zur Verwaltung des Anwendungszustands, URL-basiertem Routing und serverseitigem Rendering. Es bietet umfassende Unterstützung für Komponentenkomposition, Inhaltsverteilung und Animationsmanagement, neben integrierten Sicherheitsmaßnahmen wie automatischem Content-Escaping, um häufige Schwachstellen zu verhindern. Das Framework wird mit offiziellen Typdeklarationen vertrieben, um die statische Analyse zu unterstützen, und kann über Standard-Paketmanager installiert oder direkt über Skript-Tags in Browserumgebungen integriert werden.
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 ist eine React-Bibliothek zur Datenvisualisierung und ein deklaratives Charting-Framework, das zur Erstellung komponierbarer grafischer Darstellungen verwendet wird. Es bietet ein System zum Rendern komplexer Visualisierungen durch das Zusammensetzen einfacher Bausteine zu größeren Chart-Strukturen. Die Bibliothek enthält spezialisierte Werkzeuge für hierarchisches Daten-Mapping mittels Sunburst-Diagrammen und Tree-Maps sowie für die Visualisierung von Flüssen und Beziehungen mittels Sankey-Diagrammen. Sie bietet zudem einen multivariaten Datenvisualisierer zum Plotten hochdimensionaler Daten durch parallele Koordinaten, Radar-Charts und radiale Visualisierungen. Das Framework unterstützt Standard-Charting-Implementierungen für Linien-, Balken- und Tortendiagramme sowie Chart-Legenden-Management und orthogonale Koordinaten-Plots. Diese Visualisierungen werden unter Verwendung skalierbarer Vektorgrafiken (SVG) generiert.
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 ist eine Integrationsbibliothek, die das Firebase-JavaScript-SDK in Angular-Dienste und Dependency-Injection-Muster einbettet. Sie bietet die notwendigen Mechanismen, um Backend-Authentifizierung, Datenbanken und Speicher mit einer Anwendung zu verbinden. Die Bibliothek konvertiert Live-Daten-Feeds in Observable-Sequenzen, um Remote-Daten in Echtzeit mit dem Anwendungszustand zu synchronisieren. Sie enthält zudem einen Mechanismus zum Schutz von Routen durch Verifizierung der Benutzeridentität über Authentifizierungs-Token sowie ein Befehlszeilen-Dienstprogramm zur Automatisierung der Bereitstellung von Anwendungs-Builds auf Hosting-Diensten. Zusätzliche Funktionen umfassen das Tracking von Router-Navigation und Benutzerereignissen für Web-Analysen sowie die Kapselung von Cloud-API-Aufrufen innerhalb injizierbarer Klassen, um Infrastruktur von Geschäftslogik zu trennen.
Implements data binding that synchronizes Firebase realtime listeners with the application state using RxJS observables.