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

Il s'agit d'une application de référence AngularJS qui démontre l'architecture, la structure des dossiers et l'organisation des modules nécessaires à la création d'applications monopages (SPA). Elle fonctionne comme une application CRUD basée sur REST conçue pour la gestion de projet. Le projet inclut une implémentation complète de pipeline CI/CD et une suite de tests automatisés. Ces outils automatisent le linting du code, la minification des ressources et l'exécution de tests unitaires et de bout en bout sur plusieurs navigateurs pour vérifier la logique de l'application. L'application couvre le contrôle d'accès frontend via des modèles d'authentification et d'autorisation. Elle implémente en outre une architecture d'application CRUD pour gérer les enregistrements de données via une 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 est un framework mobile multiplateforme pour construire des interfaces utilisateur natives en utilisant une base de code partagée unique et .NET. Il fonctionne comme une bibliothèque UI pilotée par les données et une boîte à outils XAML UI, permettant aux mises en page d'applications et aux éléments visuels d'être définis à l'aide d'un langage de balisage basé sur XML. Le framework fournit des wrappers d'API natifs qui offrent un accès au matériel spécifique à l'appareil et aux fonctionnalités du système d'exploitation via C#. Il utilise un système pour rendre une base de code d'interface utilisateur unique via des contrôles natifs sur différents systèmes d'exploitation. Le projet couvre la gestion adaptative des mises en page et la navigation d'application pour définir les flux d'écrans. Il inclut des capacités pour l'accès aux fonctionnalités natives de la plateforme, la gestion du stockage de données local et la consommation de services REST pour intégrer des données cloud.

Ce projet est une implémentation personnalisée du modèle Model-View-ViewModel conçue pour reproduire la réactivité fondamentale et le parsing de templates du framework Vue. Il fonctionne comme un moteur de liaison de données, un gestionnaire d'état réactif et un compilateur de templates personnalisé. Le framework emploie un système pour synchroniser l'état du modèle avec les éléments DOM via l'interception de propriétés et un modèle d'observateur. Il utilise un parser pour scanner les éléments DOM à la recherche de directives, remplaçant les espaces réservés et liant les données aux nœuds de vue pour obtenir une synchronisation de données bidirectionnelle. Le système couvre la liaison de données réactive et le développement d'un compilateur de templates qui identifie les directives personnalisées en HTML pour injecter dynamiquement des données et gérer les mises à jour.

Bond est un framework de liaison de données Swift conçu pour synchroniser les modèles de données et les éléments d'interface utilisateur via des flux de valeurs unidirectionnels et bidirectionnels. Il fonctionne comme une suite réactive pour surveiller les changements de collection, transformer les flux de données et relier les événements d'interface utilisateur aux modèles de données. Le projet fournit un pont réactif qui transforme les interactions de l'interface utilisateur et les appels de méthode de délégué de protocole en signaux observables. Il inclut un observateur de collection pour surveiller les changements dans les tableaux et un processeur de flux de données fonctionnel qui applique des opérateurs pour modifier ou combiner des valeurs avant qu'elles n'atteignent un élément d'interface cible. Le framework couvre de larges domaines de capacités, incluant la synchronisation au niveau des propriétés, la liaison automatisée des sources de données pour les vues de table et de collection, et la conversion des invocations de méthodes de délégué en événements de signal asynchrones.

vue-draggable-plus is a drag-and-drop library for Vue 2 and Vue 3 used to create data-bound draggable interfaces. It provides components for implementing list sorting and reordering elements within a sequence while synchronizing the visual position of items with the underlying application state. The library includes a cross-list transfer tool that enables the movement of items between multiple containers using shared group identifiers and cloning rules. Interaction can be restricted to specific child elements through handle-based triggering. The project covers a broad range of drag-and-drop

textAngular est un composant d'éditeur de texte riche pour les applications AngularJS. Il fournit une interface d'édition visuelle qui permet aux utilisateurs de formater du texte et d'intégrer des médias, agissant comme une couche de synchronisation qui connecte l'éditeur à un modèle de données d'application. L'éditeur dispose d'une interface personnalisable où les groupes de boutons de formatage et les mises en page de la barre d'outils sont définis via la configuration. Il prend en charge l'enregistrement d'outils et de plugins personnalisés pour étendre les capacités fonctionnelles de l'éditeur. Le projet couvre la liaison de contenu HTML avec une synchronisation des données bidirectionnelle, le suivi des modifications piloté par les événements et l'utilisation de marqueurs spécialisés pour intégrer des espaces réservés vidéo.

Angular-chart.js est une bibliothèque de graphiques frontend qui fournit un ensemble de directives réutilisables pour intégrer le moteur de visualisation Chart.js dans les applications AngularJS. Elle fonctionne comme un wrapper qui encapsule une logique de rendu complexe au sein de composants déclaratifs, permettant la création de représentations graphiques de données interactives et réactives. La bibliothèque se distingue en fournissant une synchronisation de données réactive, qui déclenche automatiquement des re-rendus de canevas chaque fois que les données sous-jacentes ou les modèles de configuration changent. Elle utilise également un système de configuration basé sur des fournisseurs, permettant aux développeurs de centraliser le style global, les palettes de couleurs et les valeurs par défaut comportementales pour garantir une présentation visuelle cohérente dans toute une application. Le projet prend en charge un large éventail de capacités de visualisation, y compris la possibilité de superposer plusieurs types de graphiques sur un seul canevas et l'intégration de plugins personnalisés pour des comportements de rendu spécialisés. Il gère l'ensemble du cycle de vie de chaque instance de graphique, fournissant des hooks pour le nettoyage des ressources et la gestion des événements afin de capturer les interactions utilisateur telles que les clics et les survol.