clauderic/react-sortable-hoc

Features

• Sortable Lists - Provides a library for creating drag-and-drop reorderable lists and grids within React web applications.
• React Components - Provides a collection of reusable interface elements designed to integrate seamlessly into React applications.
• Drag and Drop Libraries - Provides a library of components for building interactive interfaces that allow users to rearrange elements via mouse or touch.
• List Reordering Components - Provides components for the visual rearrangement of items within lists or grids via drag-and-drop.
• Higher-Order Components - Uses higher-order components to inject drag-and-drop state management into existing list components without modifying their implementation.
• Drag and Drop Utilities - Provides components and hooks for reordering elements in lists or grids via drag-and-drop.
• Interaction Tracking - Calculates element coordinates and dimensions in real-time to determine drop targets and reordering logic during drag interactions.
• Portal Rendering - Renders dragged elements into separate containers outside the normal document flow to allow free movement across the viewport.
• Accessible Interaction Patterns - Implements keyboard-friendly and touch-compatible sorting functionality to ensure accessibility across input methods.
• CSS Transform Animations - Updates element positions using hardware-accelerated CSS transforms to ensure smooth movement during drag-and-drop interactions.

Star history