awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
frontend-collective avatar

frontend-collective/react-sortable-tree

0
View on GitHub↗
4,971 estrellas·912 forks·JavaScript·MIT·5 vistasfrontend-collective.github.io/react-sortable-tree↗

React Sortable Tree

Este proyecto es un componente de árbol de arrastrar y soltar para React y una utilidad de gestión de datos de árbol utilizada para renderizar datos jerárquicos anidados. Proporciona una lista jerárquica ordenable que permite a los usuarios gestionar relaciones padre-hijo y visualizar estructuras de árbol complejas.

El componente permite la reestructuración interactiva del árbol, donde los usuarios pueden reorganizar la jerarquía arrastrando y soltando nodos para cambiar su padre o secuencia. Admite mover o copiar nodos entre diferentes instancias de árbol y proporciona controles para aplicar restricciones de movimiento basadas en lógica personalizada o límites de profundidad.

La herramienta incluye capacidades para la visualización de datos jerárquicos, como buscar y resaltar nodos específicos mientras se expanden automáticamente sus rutas principales. También proporciona utilidades para el procesamiento de datos, incluyendo la conversión de arrays de datos planos en jerarquías anidadas y viceversa.

Los usuarios pueden modificar la presentación visual de los nodos del árbol mediante estilos personalizados o temas predefinidos.

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.

Historial de estrellas

Gráfico del historial de estrellas de frontend-collective/react-sortable-treeGráfico del historial de estrellas de frontend-collective/react-sortable-tree

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Colecciones destacadas con React Sortable Tree

Colecciones seleccionadas manualmente donde aparece React Sortable Tree.
  • Librerías de drag-and-drop para React

Alternativas open-source a React Sortable Tree

Proyectos open-source similares, clasificados según cuántas características comparten con React Sortable Tree.
  • ztree/ztree_v3Avatar de zTree

    zTree/zTree_v3

    4,126Ver en 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
    Ver en GitHub↗4,126
  • dabeng/orgchartAvatar de dabeng

    dabeng/OrgChart

    3,007Ver en 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
    Ver en GitHub↗3,007
  • alibaba/butterflyAvatar de alibaba

    alibaba/butterfly

    4,649Ver en 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
    Ver en GitHub↗4,649
  • mar10/fancytreeAvatar de mar10

    mar10/fancytree

    2,961Ver en 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
    Ver en GitHub↗2,961
Ver las 30 alternativas a React Sortable Tree→

Preguntas frecuentes

¿Qué hace frontend-collective/react-sortable-tree?

Este proyecto es un componente de árbol de arrastrar y soltar para React y una utilidad de gestión de datos de árbol utilizada para renderizar datos jerárquicos anidados. Proporciona una lista jerárquica ordenable que permite a los usuarios gestionar relaciones padre-hijo y visualizar estructuras de árbol complejas.

¿Cuáles son las características principales de frontend-collective/react-sortable-tree?

Las características principales de frontend-collective/react-sortable-tree son: Hierarchical Tree Visualizers, Hierarchy Reorganization, State-Synchronized, Recursive Data Transformers, Flat-to-Hierarchical Converters, Tree Node Reorderers, Placement Constraints, Runtime Tree Data Managers.

¿Qué alternativas de código abierto existen para frontend-collective/react-sortable-tree?

Las alternativas de código abierto para frontend-collective/react-sortable-tree incluyen: 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…