awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目MCP 服务器关于排名机制媒体报道
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

38 个仓库

Awesome GitHub RepositoriesCommunication and Data Flow

Mechanisms and patterns for passing information, state, and events between components, distinct from structural or lifecycle concerns.

Explore 38 awesome GitHub repositories matching user interface & experience · Communication and Data Flow. Refine with filters or upvote what's useful.

Awesome Communication and Data Flow GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • vuejs/vuevuejs 的头像

    vuejs/vue

    209,900在 GitHub 上查看↗

    Vue 是一个渐进式的、基于组件的 JavaScript 框架,旨在构建响应式用户界面和单页应用程序。它以声明式模板系统为中心,将 HTML 转换为高效的渲染函数,允许开发者将复杂的界面组织成自动与应用程序状态同步的隔离、可复用单元。 该框架通过依赖跟踪响应式系统脱颖而出,该系统在渲染期间监控数据访问以触发精确更新。它提供了一个灵活的架构,支持作为轻量级库的增量采用和全规模应用程序开发。开发者可以利用强大的基于插件的扩展模型来注入全局逻辑,同时框架的虚拟 DOM 对账确保通过计算最小突变来实现高效的界面更新。 除了核心渲染能力外,该项目还包括一套全面的工具,用于管理应用程序状态、基于 URL 的路由和服务器端渲染。它为组件组合、内容分发和动画管理提供了广泛支持,并内置了自动内容转义等安全措施以防止常见漏洞。 该框架随附官方类型声明以支持静态分析,并可通过标准包管理器安装,或通过脚本标签直接集成到浏览器环境中。

    Enforces unidirectional data flow from parent to child to ensure predictable state updates.

    TypeScriptframeworkfrontendjavascript
    在 GitHub 上查看↗209,900
  • elemefe/elementElemeFE 的头像

    ElemeFE/element

    54,116在 GitHub 上查看↗

    Element is a Vue.js UI component library and web UI toolkit. It provides a collection of pre-styled user interface components and modular building blocks used to build web applications. The project includes a customizable CSS theme framework, allowing for the modification of visual styles and brand requirements through theme tools and generators. The toolkit covers frontend component management, custom web theming, and a workflow for rapid prototyping.

    Employs event-based communication patterns to handle user interactions by emitting custom events from child to parent components.

    Vuecomponentselement-uijavascript
    在 GitHub 上查看↗54,116
  • vuejs/corevuejs 的头像

    vuejs/core

    53,861在 GitHub 上查看↗

    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

    Signals actions from child to parent components by responding to custom events using standard binding syntax.

    TypeScript
    在 GitHub 上查看↗53,861
  • jashkenas/backbonejashkenas 的头像

    jashkenas/backbone

    28,108在 GitHub 上查看↗

    Backbone is a JavaScript MVC framework and client-side data orchestrator used to structure web applications. It functions as an event-driven UI library and RESTful state manager that synchronizes data models with remote JSON interfaces to maintain consistent application state. The framework coordinates communication between application components through a decoupled event system. It binds data updates directly to the document object model, ensuring that the user interface remains synchronized with the underlying state. It provides tools for frontend data organization, allowing developers to

    Facilitates decoupled communication between application components through an event-based system.

    JavaScript
    在 GitHub 上查看↗28,108
  • nativescript/nativescriptNativeScript 的头像

    NativeScript/NativeScript

    25,446在 GitHub 上查看↗

    NativeScript is a cross-platform mobile development framework that enables the creation of native iOS and Android applications using JavaScript or TypeScript. It provides a direct bridge to native platform APIs, allowing developers to invoke native classes, methods, and properties directly from script code while maintaining full access to underlying mobile operating system features. The framework distinguishes itself through its direct native UI rendering, which maps declarative markup components to actual platform-native widgets rather than web-based views. This architecture is supported by

    Implements reactive data binding to synchronize interface properties with underlying data sources automatically.

    TypeScriptandroidangularcapacitor
    在 GitHub 上查看↗25,446
  • livewire/livewirelivewire 的头像

    livewire/livewire

    23,448在 GitHub 上查看↗

    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

    Synchronizes HTML input values with component properties automatically to ensure the interface reflects the underlying data state.

    PHP
    在 GitHub 上查看↗23,448
  • dataease/dataeasedataease 的头像

    dataease/dataease

    23,420在 GitHub 上查看↗

    DataEase is an open-source, self-hosted business intelligence platform designed for building interactive data visualizations and managing analytical reporting. It provides a centralized environment where users can construct dashboards through a drag-and-drop interface, connecting to diverse data sources including relational databases, data warehouses, and external APIs. The platform distinguishes itself through its focus on embedded analytics and enterprise-grade governance. It allows for the seamless integration of charts, dashboards, and management modules into third-party web applications

    Maps external input values to query components to drive dynamic dashboard updates and cross-component filtering.

    Javaapache-dorisbusiness-intelligencedata-analysis
    在 GitHub 上查看↗23,420
  • dotnet/mauidotnet 的头像

    dotnet/maui

    23,181在 GitHub 上查看↗

    This framework is a cross-platform software development kit designed for building native mobile and desktop applications from a single shared codebase. It provides a unified programming interface that allows developers to construct user interfaces using declarative markup, which are then rendered as native components on each target operating system. The framework distinguishes itself through a multi-targeting build system that consolidates platform-specific resources and native control mapping into a unified project structure. It includes a data-driven binding engine that synchronizes applica

    Synchronizes application state with visual elements using a data-driven binding engine.

    C#androiddesktopdotnet
    在 GitHub 上查看↗23,181
  • lit/litlit 的头像

    lit/lit

    21,679在 GitHub 上查看↗

    Lit is a library for building lightweight, interoperable web components. It provides a base class that leverages native browser APIs to encapsulate state, logic, and styles, allowing developers to create custom elements that function consistently across any modern web project. The framework distinguishes itself through a reactive property system that automatically triggers efficient, batched DOM updates. By utilizing tagged template literals, it defines declarative UI structures that are compiled into optimized update instructions. Its architecture emphasizes modularity through a reactive con

    Coordinates interactions between sibling components by using a parent or external store to manage state and propagate updates.

    TypeScripthtml-templateslitlit-element
    在 GitHub 上查看↗21,679
  • leptos-rs/leptosleptos-rs 的头像

    leptos-rs/leptos

    20,993在 GitHub 上查看↗

    Leptos is a full-stack Rust web framework designed for building reactive applications that share logic and types between the server and the browser. It provides a comprehensive toolkit for developing web interfaces where specific DOM nodes update automatically in response to changes in underlying reactive signals, rather than re-rendering entire component trees. The framework distinguishes itself through a fine-grained reactivity model that tracks dependencies at the individual data point level. It utilizes compile-time template transformation to convert declarative HTML-like syntax into opti

    Facilitates data exchange between components using properties and callbacks to coordinate state updates.

    Rustdomfine-grainedisomorphic
    在 GitHub 上查看↗20,993
  • ruanyf/react-demosruanyf 的头像

    ruanyf/react-demos

    16,471在 GitHub 上查看↗

    This project is a collection of practical code samples and demonstrations for building user interfaces with React. It serves as a set of examples illustrating common interface patterns, state management techniques, and the implementation of modular, reusable components. The repository provides specific demonstrations for several core development areas. These include samples for retrieving and rendering asynchronous data from external APIs, managing component lifecycles during mounting and unmounting, and handling internal state to sync form inputs. It also includes guides for direct document

    Implements unidirectional data flow by passing read-only properties from parents to children.

    JavaScript
    在 GitHub 上查看↗16,471
  • trueadm/infernotrueadm 的头像

    trueadm/inferno

    16,420在 GitHub 上查看↗

    Inferno is an isomorphic JavaScript framework and virtual DOM UI library used for building user interfaces. It functions as a server-side rendering engine that converts virtual nodes into HTML strings for the server and hydrates them on the client to optimize initial load speeds and search engine indexing. The framework features a synthetic event system that provides a normalized interface for handling browser interactions consistently across different web environments. It employs a reactive UI model to synchronize state-driven updates and reactive streams with the browser document object mod

    Implements a unidirectional data flow pattern where properties are passed from parent to child components to ensure state predictability.

    JavaScript
    在 GitHub 上查看↗16,420
  • pi0/bootstrap-vuepi0 的头像

    pi0/bootstrap-vue

    14,445在 GitHub 上查看↗

    Bootstrap-vue is a Vue.js UI framework and component library that integrates Bootstrap CSS styling and utility classes into a component-driven development workflow. It provides a set of pre-styled interface elements and layout patterns designed for building responsive web user interfaces. The library functions as a bridge between Bootstrap and Vue.js, allowing developers to create responsive web layouts and reusable frontend components such as navbars, alerts, and modals. It focuses on bringing Bootstrap's design system into a Vue.js application environment. The framework covers core capabil

    Employs event emitters to synchronize internal Bootstrap state changes with the Vue application layer.

    JavaScript
    在 GitHub 上查看↗14,445
  • plasmohq/plasmoPlasmoHQ 的头像

    PlasmoHQ/plasmo

    13,069在 GitHub 上查看↗

    Plasmo is a browser extension framework and build tool designed for developing cross-browser extensions from a single codebase. It functions as a development environment that automates manifest generation and bundles source code into compatible packages for multiple web browser engines. The project includes a developer toolset featuring hot module replacement for real-time code updates and an automated publisher to deliver completed builds to various browser web stores. Its capability surface covers extension UI development through the injection of components into web pages and a communicati

    Facilitates data exchange and action triggering between various extension components.

    TypeScriptbrowser-extensionbundlerchrome-extension
    在 GitHub 上查看↗13,069
  • futurice/ios-good-practicesfuturice 的头像

    futurice/ios-good-practices

    10,976在 GitHub 上查看↗

    This project provides a set of development guidelines and architectural recommendations for building iOS applications. It focuses on structuring Swift applications to decouple business logic from the user interface to improve testability and maintenance. The project covers specific implementation standards for security, such as using keychain storage for sensitive data and TLS certificate pinning for network traffic. It also defines patterns for code quality enforcement through static analysis and compiler configurations, as well as strategies for asset and localization management. The guide

    Facilitates data exchange between app components via delegation, notifications, and signals.

    在 GitHub 上查看↗10,976
  • vercel-labs/json-rendervercel-labs 的头像

    vercel-labs/json-render

    11,036在 GitHub 上查看↗

    JSON Render is a generative user interface framework that translates structured data and natural language prompts into interactive components. It functions as a declarative engine that maps JSON schemas to native interface elements, enabling the creation of functional layouts across web, mobile, and terminal environments. The framework distinguishes itself through its ability to synthesize interfaces from artificial intelligence models, allowing for real-time iteration and incremental updates as data patches arrive. It supports a unified component registry that ensures consistent rendering ac

    Connects component properties to runtime state using path-based references for two-way input synchronization.

    TypeScript
    在 GitHub 上查看↗11,036
  • cuixiaorui/mini-vuecuixiaorui 的头像

    cuixiaorui/mini-vue

    10,566在 GitHub 上查看↗

    This project is a minimal reproduction of the Vue 3 core logic, designed for studying the framework's internal source code. It implements a reactive state engine, a template compiler, a virtual DOM renderer, and a component lifecycle manager. The implementation uses proxies and effect schedulers to track data dependencies and trigger automatic interface updates. It features a template compiler that parses interpolation and text nodes to convert template syntax into renderable structures, alongside a virtual DOM system that transforms component definitions into a tree of elements. The system

    Facilitates data exchange between components through emitted events and dependency injection.

    TypeScriptmini-vuevue3-source
    在 GitHub 上查看↗10,566
  • dodyg/practical-aspnetcoredodyg 的头像

    dodyg/practical-aspnetcore

    10,382在 GitHub 上查看↗

    This project is a comprehensive sample library and implementation guide for ASP.NET Core. It provides a collection of practical examples and projects that demonstrate how to build web applications, RESTful APIs, and high-performance services. The repository focuses on a variety of architectural patterns, including the development of Minimal APIs, contract-first gRPC services, and real-time communication using WebSockets and Server-Sent Events. It includes detailed implementations for user identity and security, such as token-based authentication and CSRF protection. The codebase covers a bro

    Implements event dispatching and filtering to facilitate data exchange and communication between UI components.

    C#asp-net-coreaspnet-coreaspnetcore
    在 GitHub 上查看↗10,382
  • midudev/aprendiendo-reactmidudev 的头像

    midudev/aprendiendo-react

    8,962在 GitHub 上查看↗

    This project is a learning course and instructional resource for React frontend development. It consists of a structured curriculum, architectural guides, and a library of reference materials designed to teach the construction of user interfaces and web applications. The repository provides a collection of project implementations, including e-commerce stores and CRUD applications, to serve as reference architectures. It includes curated lessons and code examples that focus on implementing state management and type safety patterns. The materials cover frontend architecture patterns, the integ

    Implements data flow patterns where information is passed from parents to children to ensure state predictability.

    TypeScript
    在 GitHub 上查看↗8,962
  • godotengine/godot-demo-projectsgodotengine 的头像

    godotengine/godot-demo-projects

    8,250在 GitHub 上查看↗

    This repository is a comprehensive collection of functional 2D and 3D demo projects and implementation samples for the Godot Game Engine. It serves as an interactive tutorial and reference library, providing a working codebase to demonstrate how to apply engine features in real-world scenarios. The collection focuses on practical implementation guides, covering a wide array of technical capabilities from basic engine fundamentals to advanced rendering and scripting techniques. It allows users to study the application of node-based composition, asset pipelines, and game logic through direct ex

    Uses a signal system to allow decoupled components to communicate without direct code dependencies.

    GDScript
    在 GitHub 上查看↗8,250
上一个12下一个
  1. Home
  2. User Interface & Experience
  3. Component Utilities
  4. UI Frameworks
  5. Component APIs and Interfaces
  6. Communication and Data Flow

探索子标签

  • Agent Control FlowsDirectional paths and rules for transferring control and delegating tasks between AI agents. **Distinct from Communication and Data Flow:** Distinct from general UI data flow: specifically handles agent-to-agent control transfer and task delegation logic.
  • Component Communication3 个子标签Mechanisms for facilitating data exchange between components, specifically through event-based communication patterns.
  • Component Data Binding2 个子标签Patterns that enable two-way synchronization of property values between components.