6 dépôts
Mechanisms that link data properties to UI elements using predefined rules to automate interface updates.
Distinct from Data-View Synchronizers: Existing candidates focus on visual diagramming, mobile OTA updates, or backend data mapping, rather than frontend declarative binding.
Explore 6 awesome GitHub repositories matching web development · Declarative Data Binding. Refine with filters or upvote what's useful.
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
Update the user interface automatically by linking internal data models to visual elements.
x-render is a configuration-driven UI framework and low-code interface builder that transforms structured data definitions into functional user interface components. It operates as a JSON-driven UI generator, using a standardized configuration protocol to render data tables, input forms, and charts. The system includes a visual form builder and interface design editor, allowing users to arrange layouts and configuration settings through a graphical interface to avoid writing manual structural code. This process is supported by a schema-based component library that maps configuration keys to a
Links data properties to form fields and table cells using predefined rules to automate interface updates.
Openblocks is a low-code platform for building custom internal tools. It provides a visual interface where users can assemble applications by dragging and dropping pre-built components onto a canvas, connecting them to databases and APIs without writing code. The platform distinguishes itself through its architecture for embedding and reuse. Entire application pages can be rendered as native React components inside other applications, replacing traditional iframe-based embedding. Custom components and queries can be bundled into reusable modules for use across multiple applications, and an au
Connects UI component properties directly to query results through a declarative mapping that eliminates imperative data-fetching code.
Ceci est le site web de documentation complet pour le framework JavaScript progressif Vue 2. Il sert de référence technique et de guide de développement pour la création d'interfaces utilisateur réactives et d'applications monopage. Le site fournit une référence API JavaScript détaillée et un répertoire de composants web. Il couvre l'implémentation d'architectures basées sur des composants, la gestion d'état réactive et l'utilisation d'un DOM virtuel pour synchroniser l'état de l'application avec le navigateur. La documentation détaille des capacités incluant le routage côté client, la manipulation déclarative du DOM et les optimisations de build frontend telles que le rendu côté serveur et la précompilation de templates. Elle explique également l'approche du framework en matière de synchronisation d'état, de cycles de vie des composants et l'utilisation de directives personnalisées. Le contenu est maintenu sous forme d'une collection de tutoriels et de spécifications, avec une documentation éditée via Markdown.
Implements mechanisms that link data properties to UI elements using predefined rules to automate interface updates.
This project is a curated collection of technical interview questions and detailed answers designed for professional software engineering roles. It serves as an Angular framework study resource and interview guide for developers preparing for frontend engineering assessments. The resource covers core architectural patterns including component-based view architecture, hierarchical dependency injection, and declarative template binding. It also addresses implementation details regarding observable-driven data streams and the use of directives for DOM manipulation. Additional content focuses on
Explains mechanisms for linking data properties to UI elements using declarative binding rules.
Ce projet est un outil de visualisation de données D3.js et un générateur de graphiques à barres dynamiques qui convertit des données de classement historiques issues de fichiers CSV en chronologies visuelles animées. Il fonctionne comme un visualiseur de classement CSV et un tableau de bord de classement de séries temporelles pour illustrer comment les positions de différentes entités évoluent au fil du temps. L'outil propose des animations de tendances de classement et de tri automatisées qui transforment des données historiques statiques en transitions dynamiques. Il inclut une mise à l'échelle personnalisable des axes, comme des échelles semi-logarithmiques pour gérer des variances extrêmes dans les magnitudes de données, et des schémas de couleurs dynamiques qui attribuent des couleurs en fonction des noms d'entités ou des types de catégories. Le système couvre l'animation de données de séries temporelles, la personnalisation esthétique des graphiques pour des éléments comme l'arrondi des coins des barres et le positionnement des étiquettes, ainsi que l'importation de fichiers plats structurés pour piloter la visualisation.
Maps historical data records to SVG elements using D3.js declarative data-join processes.