awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
frontend-collective avatar

frontend-collective/react-sortable-tree

0
View on GitHub↗
4,971 stele·912 fork-uri·JavaScript·MIT·5 vizualizărifrontend-collective.github.io/react-sortable-tree↗

React Sortable Tree

Acest proiect este o componentă React de tip drag-and-drop pentru arbori și un utilitar de gestionare a datelor arborescente, utilizat pentru randarea datelor ierarhice imbricate. Oferă o listă ierarhică sortabilă care permite utilizatorilor să gestioneze relațiile părinte-copil și să vizualizeze structuri arborescente complexe.

Componenta permite restructurarea interactivă a arborelui, unde utilizatorii pot reorganiza ierarhia prin tragerea și plasarea nodurilor pentru a le schimba părintele sau secvența. Suportă mutarea sau copierea nodurilor între diferite instanțe de arbori și oferă controale pentru a impune restricții de mișcare bazate pe logică personalizată sau limite de adâncime.

Instrumentul include capabilități pentru vizualizarea datelor ierarhice, cum ar fi căutarea și evidențierea unor noduri specifice, extinzând automat căile părinte ale acestora. De asemenea, oferă utilitare pentru procesarea datelor, inclusiv conversia array-urilor de date plate în ierarhii imbricate și invers.

Utilizatorii pot modifica prezentarea vizuală a nodurilor arborelui prin stiluri personalizate sau teme predefinite.

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.

Istoric stele

Graficul istoricului de stele pentru frontend-collective/react-sortable-treeGraficul istoricului de stele pentru frontend-collective/react-sortable-tree

Căutare AI

Explorează mai multe repository-uri excelente

Descrie ce ai nevoie în limbaj simplu — AI-ul sortează mii de proiecte open source selectate în funcție de relevanță.

Start searching with AI

Colecții curatoriate care includ React Sortable Tree

Colecții selectate manual în care apare React Sortable Tree.
  • Biblioteci de tip drag-and-drop pentru React

Alternative open-source pentru React Sortable Tree

Proiecte open-source similare, clasificate după numărul de funcționalități comune cu React Sortable Tree.
  • ztree/ztree_v3Avatar zTree

    zTree/zTree_v3

    4,126Vezi pe GitHub↗

    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
    Vezi pe GitHub↗4,126
  • dabeng/orgchartAvatar dabeng

    dabeng/OrgChart

    3,007Vezi pe GitHub↗

    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
    Vezi pe GitHub↗3,007
  • alibaba/butterflyAvatar alibaba

    alibaba/butterfly

    4,649Vezi pe GitHub↗

    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
    Vezi pe GitHub↗4,649
  • mar10/fancytreeAvatar mar10

    mar10/fancytree

    2,961Vezi pe GitHub↗

    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
    Vezi pe GitHub↗2,961
Vezi toate cele 30 alternative pentru React Sortable Tree→

Întrebări frecvente

Ce face frontend-collective/react-sortable-tree?

Acest proiect este o componentă React de tip drag-and-drop pentru arbori și un utilitar de gestionare a datelor arborescente, utilizat pentru randarea datelor ierarhice imbricate. Oferă o listă ierarhică sortabilă care permite utilizatorilor să gestioneze relațiile părinte-copil și să vizualizeze structuri arborescente complexe.

Care sunt principalele funcționalități ale frontend-collective/react-sortable-tree?

Principalele funcționalități ale frontend-collective/react-sortable-tree sunt: Hierarchical Tree Visualizers, Hierarchy Reorganization, State-Synchronized, Recursive Data Transformers, Flat-to-Hierarchical Converters, Tree Node Reorderers, Placement Constraints, Runtime Tree Data Managers.

Care sunt câteva alternative open-source pentru frontend-collective/react-sortable-tree?

Alternativele open-source pentru frontend-collective/react-sortable-tree includ: 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…