awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

5 Repos

Awesome GitHub RepositoriesControlled Component State

Patterns for synchronizing a UI component's internal state with an external application state.

Distinct from React State Management: Distinct from React State Management: focuses on the specific synchronization between an editor's immutable state and React props.

Explore 5 awesome GitHub repositories matching web development · Controlled Component State. Refine with filters or upvote what's useful.

Awesome Controlled Component State GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • margox/braft-editorAvatar von margox

    margox/braft-editor

    4,591Auf GitHub ansehen↗

    Braft Editor ist ein React-basierter Rich-Text-Editor, der auf Draft.js aufbaut und ein Framework für die Inhaltserstellung und Formatierung bietet. Er fungiert als wiederverwendbare UI-Komponente, die es Nutzern ermöglicht, formatierte Dokumente in einer WYSIWYG-Oberfläche zu verfassen und den resultierenden Inhalt als HTML-Strings zu exportieren. Das Projekt bietet integrierte Lokalisierungsunterstützung für mehrere Sprachen, darunter Chinesisch, Japanisch und Koreanisch. Es bietet ein modulares System zur Erweiterung der Editor-Funktionalität durch Plugins, benutzerdefinierte Toolbar-Mappings und spezialisierte Medien-Entitäten. Der Editor deckt eine breite Palette an Inhaltsfunktionen ab, einschließlich Rich-Text-Formatierung, Absatz- und Block-Styling sowie die Organisation verschachtelter Listen. Er unterstützt das Einbetten von Multimedia-Inhalten wie Bildern, Audio, Video und formatierten Code-Blöcken. Der Dokumentzustand wird über ein kontrolliertes Komponentenmuster verwaltet, was die Synchronisation zwischen Editor und Anwendungszustand ermöglicht.

    Implements a controlled component pattern to synchronize document state with the application state.

    JavaScript
    Auf GitHub ansehen↗4,591
  • react-component/formAvatar von react-component

    react-component/form

    1,810Auf GitHub ansehen↗

    This library provides a framework for managing form state, validation, and submission logic within applications. It utilizes a centralized state container to track input values and field metadata, ensuring that user interface elements remain synchronized with data through declarative field bindings. The project is distinguished by its cross-platform abstraction layer, which decouples form logic from specific rendering environments. This allows developers to implement consistent validation rules and state management patterns that function identically across both web and mobile applications. T

    Synchronizes UI component state with external application state using props and callbacks.

    JavaScript
    Auf GitHub ansehen↗1,810
  • react-component/treeAvatar von react-component

    react-component/tree

    1,272Auf GitHub ansehen↗

    This library provides a React component for rendering interactive hierarchical data structures. It is designed to visualize nested information through recursive composition, allowing users to navigate deep data hierarchies by expanding and collapsing branches. The component distinguishes itself by integrating drag-and-drop functionality, enabling users to reorganize nodes directly within the interface. It also supports asynchronous data loading, which fetches child branches on demand to manage remote or deep datasets efficiently. The library includes performance optimizations for large datas

    Synchronizes internal node state with external application state to allow flexible control over expansion and selection.

    TypeScript
    Auf GitHub ansehen↗1,272
  • harrychen0506/react-markdown-editor-liteAvatar von HarryChen0506

    HarryChen0506/react-markdown-editor-lite

    1,135Auf GitHub ansehen↗

    This project provides a lightweight Markdown text editing component designed for integration into React applications. It offers a split-pane interface that allows users to author content in a raw text editor while simultaneously viewing a rendered preview, with synchronized scrolling to ensure the two views remain aligned during the writing process. The editor is built to be highly extensible, allowing developers to customize the interface by toggling specific toolbar buttons or preview areas. It supports a plugin-based architecture for custom parsing logic and provides a callback-driven work

    Implements controlled component state to synchronize raw markdown input with parent-managed document lifecycles.

    TypeScriptcomponenteditorhtml
    Auf GitHub ansehen↗1,135
  • jungwoo-an/react-editor-jsAvatar von Jungwoo-An

    Jungwoo-An/react-editor-js

    973Auf GitHub ansehen↗

    This project provides a React component wrapper for a block-based rich text editor. It enables the integration of a structured content editing environment into React applications, organizing document data into modular, independent blocks for flexible manipulation and storage. The component manages the editor instance lifecycle and facilitates state synchronization, allowing developers to use either controlled or uncontrolled data patterns. It supports extensibility through the registration of external plugins, enabling the addition of specialized formatting tools, media handling, and custom b

    Synchronizes internal editor state with external application state through property bindings and event interception.

    TypeScripteditor-jsreacttypescript-library
    Auf GitHub ansehen↗973
  1. Home
  2. Web Development
  3. React State Management
  4. Controlled Component State