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
·
frontend-collective avatar

frontend-collective/react-sortable-tree

0
View on GitHub↗
4,971 Stars·912 Forks·JavaScript·MIT·5 Aufrufefrontend-collective.github.io/react-sortable-tree↗

React Sortable Tree

Dieses Projekt ist eine React-Drag-and-Drop-Baumkomponente und ein Utility zur Verwaltung von Baumdaten, das zum Rendern verschachtelter hierarchischer Daten verwendet wird. Es bietet eine sortierbare hierarchische Liste, die es Benutzern ermöglicht, Eltern-Kind-Beziehungen zu verwalten und komplexe Baumstrukturen zu visualisieren.

Die Komponente ermöglicht interaktive Baum-Umstrukturierungen, bei denen Benutzer die Hierarchie durch Drag-and-Drop von Knoten neu organisieren können, um deren Eltern oder Reihenfolge zu ändern. Sie unterstützt das Verschieben oder Kopieren von Knoten zwischen verschiedenen Bauminstanzen und bietet Kontrollen, um Bewegungsbeschränkungen basierend auf benutzerdefinierter Logik oder Tiefenlimits durchzusetzen.

Das Tool enthält Funktionen für die hierarchische Datenvisualisierung, wie das Suchen und Hervorheben spezifischer Knoten bei gleichzeitigem automatischen Aufklappen der Elternpfade. Es bietet zudem Utilities für die Datenverarbeitung, einschließlich der Konvertierung flacher Daten-Arrays in verschachtelte Hierarchien und umgekehrt.

Benutzer können die visuelle Darstellung von Baumknoten durch benutzerdefinierte Styles oder vordefinierte Themes anpassen.

Features

  • Hierarchical Tree Visualizers - Provides an interactive tree view for visualizing and navigating complex nested parent-child relationships.
  • Hierarchy Reorganization - Implements drag-and-drop logic specifically for altering parent-child and sibling relationships within a hierarchical tree structure.
  • State-Synchronized - Synchronizes the visual movement of tree nodes with the underlying data model through state updates.
  • Recursive Data Transformers - Includes recursive mapping functions to transform flat arrays into nested tree structures.
  • Flat-to-Hierarchical Converters - Transforms flat data collections into hierarchical tree structures and vice versa for storage and rendering.
  • Tree Node Reorderers - Provides drag-and-drop interactions specifically for rearranging and nesting nodes within hierarchical tree structures.
  • Placement Constraints - Provides controls to enforce movement restrictions based on custom logic and depth limits during node reorganization.
  • Runtime Tree Data Managers - Offers a suite of tools for converting flat data into hierarchies and performing recursive operations on nodes.
  • Recursive Tree Transformers - Provides utilities for recursive operations to add, remove, or modify nodes within a nested structure via their path.
  • Hierarchical Restructuring - Enables rearranging nested items and changing parent-child relationships through a drag-and-drop interface.
  • Hierarchical Data Visualization Tools - Provides a way to represent complex tree structures supporting searching, filtering, and recursive data manipulation.
  • Hierarchical Tree Views - Displays hierarchical data structures in an interactive tree view that supports nested child elements.
  • Hierarchical Lists - Provides an interactive list for managing parent-child relationships and nested data structures through visual movements.
  • Recursive Components - Renders nested hierarchies using self-referential components that recursively draw child node branches.
  • Tree Reordering Components - Implements a React component for rendering nested hierarchical data with built-in drag-and-drop reordering.
  • Path-Based Node Selection - Identifies unique nodes within the hierarchy using arrays of indices to locate elements regardless of their depth.
  • Tree View Filters - Automatically expands tree paths to reveal nodes that match a specific search query.
  • Search Match Highlighting - Highlights and scrolls to nodes that match a specific search query within the tree.
  • Drop Target Validations - Implements validation logic to prevent invalid nesting by checking node depth and type during drag-and-drop operations.
  • Tree-Based Hierarchical Navigation - Implements search and filtering within large nested hierarchies to locate and highlight specific nodes.
  • Drag Event Callbacks - Provides configuration hooks that execute custom functions at specific points during drag-and-drop operations to synchronize application state.
  • Appearance Customizations - Supports the application of pre-packaged themes or custom styles to modify the visual presentation of tree nodes.
  • Nested Lists - Manages hierarchical lists where users can reorder elements and move nodes between different nesting levels.

Star-Verlauf

Star-Verlauf für frontend-collective/react-sortable-treeStar-Verlauf für frontend-collective/react-sortable-tree

KI-Suche

Entdecke weitere awesome Repositories

Beschreibe in einfachen Worten, was du brauchst — die KI bewertet tausende kuratierte Open-Source-Projekte nach Relevanz.

Start searching with AI

Kuratierte Suchen mit React Sortable Tree

Handverlesene Sammlungen, in denen React Sortable Tree vorkommt.
  • Drag-and-Drop-Bibliotheken für React

Open-Source-Alternativen zu React Sortable Tree

Ähnliche Open-Source-Projekte, sortiert nach der Anzahl der gemeinsamen Funktionen mit React Sortable Tree.
  • ztree/ztree_v3Avatar von zTree

    zTree/zTree_v3

    4,126Auf GitHub ansehen↗

    zTree_v3 is a jQuery plugin for rendering hierarchical data as interactive tree views. It functions as a hierarchical data visualizer and tree component that displays nested data structures through expandable and collapsible nodes. The project includes a drag and drop tree manager for reorganizing hierarchical nodes and supports an asynchronous data tree component that loads content from remote sources to improve initial page speed. It provides capabilities for hierarchical data visualization and web interface tree management, including the ability to perform create, read, update, and delet

    HTML
    Auf GitHub ansehen↗4,126
  • dabeng/orgchartAvatar von dabeng

    dabeng/OrgChart

    3,007Auf GitHub ansehen↗

    OrgChart is a JavaScript hierarchy visualization library and web-based editor used to render interactive organizational charts from JSON or HTML data sources. It functions as a JSON-driven tree mapper and interactive component for visualizing, exploring, and editing complex hierarchical structures. The library enables the real-time modification of parent-child and sibling relationships through drag-and-drop reorganization and dynamic node editing. It distinguishes itself by providing a visual editor for programmatically altering tree structures and managing organizational maps. The system in

    JavaScriptchartjqueryorg
    Auf GitHub ansehen↗3,007
  • alibaba/butterflyAvatar von alibaba

    alibaba/butterfly

    4,649Auf GitHub ansehen↗

    Butterfly is an interactive graph visualization library and SVG-based diagramming engine used to build node-based workflow designers and visual flow editors. It provides a framework for rendering interconnected nodes, edges, and groups to model technical architectures, business processes, and data-driven workflows. The project is distinguished by its ability to integrate custom UI components as graph nodes and its specialized support for data lineage visualization. It enables the mapping of relationships between data fields, tables, and business entities to track provenance and monitor workfl

    JavaScript
    Auf GitHub ansehen↗4,649
  • mar10/fancytreeAvatar von mar10

    mar10/fancytree

    2,961Auf GitHub ansehen↗

    Fancytree is a JavaScript library designed for rendering and managing interactive, hierarchical data structures within web interfaces. It provides a framework for displaying complex nested information as tree views or grids, supporting both standard tree navigation and tabular data layouts. The library distinguishes itself through a modular plugin architecture that allows developers to inject custom behaviors and visual elements into the component lifecycle. It handles large datasets by implementing on-demand lazy loading, which fetches child nodes only when required to maintain responsivenes

    JavaScriptcheckboxesdrag-and-dropfancytree
    Auf GitHub ansehen↗2,961
Alle 30 Alternativen zu React Sortable Tree anzeigen→

Häufig gestellte Fragen

Was macht frontend-collective/react-sortable-tree?

Dieses Projekt ist eine React-Drag-and-Drop-Baumkomponente und ein Utility zur Verwaltung von Baumdaten, das zum Rendern verschachtelter hierarchischer Daten verwendet wird. Es bietet eine sortierbare hierarchische Liste, die es Benutzern ermöglicht, Eltern-Kind-Beziehungen zu verwalten und komplexe Baumstrukturen zu visualisieren.

Was sind die Hauptfunktionen von frontend-collective/react-sortable-tree?

Die Hauptfunktionen von frontend-collective/react-sortable-tree sind: Hierarchical Tree Visualizers, Hierarchy Reorganization, State-Synchronized, Recursive Data Transformers, Flat-to-Hierarchical Converters, Tree Node Reorderers, Placement Constraints, Runtime Tree Data Managers.

Welche Open-Source-Alternativen gibt es zu frontend-collective/react-sortable-tree?

Open-Source-Alternativen zu frontend-collective/react-sortable-tree sind unter anderem: ztree/ztree_v3 — zTree_v3 is a jQuery plugin for rendering hierarchical data as interactive tree views. It functions as a hierarchical… dabeng/orgchart — OrgChart is a JavaScript hierarchy visualization library and web-based editor used to render interactive… alibaba/butterfly — Butterfly is an interactive graph visualization library and SVG-based diagramming engine used to build node-based… mar10/fancytree — Fancytree is a JavaScript library designed for rendering and managing interactive, hierarchical data structures within… mui/mui-x — MUI X is a collection of advanced React UI components for building data-rich applications, including a data grid,… nomcopter/react-mosaic — react-mosaic is a React tiling window manager used to organize components into a resizable grid of windows and tabbed…