React Sortable Hoc

Overview:

The React Sortable HOC library is no longer actively maintained, and future versions of React may deprecate critical methods it relies on. All development efforts have been shifted to @dnd-kit, which is recommended for new users due to its modern architecture and features.

Features:

• Higher Order Components: Integrate with existing components.
• Drag Handle, Auto-Scrolling, Locked Axis, Events: Enhance user experience.
• Smooth Animations: Aiming for 60FPS performance.
• Works with Virtualization Libraries: Compatiblity with various virtualization libraries.
• Supports Touch Devices: Touch-friendly functionality.
• Horizontal Lists, Vertical Lists, or Grid: Flexible layout options.
• Accessibility Features: Keyboard sorting support.

Installation:

Using npm:

npm install react-sortable-hoc

Usage with CommonJS or ES2015 modules:

import { SortableContainer, SortableElement } from 'react-sortable-hoc';

Summary:

React Sortable HOC is a library that enhances components to create animated, accessible, and touch-friendly sortable lists. While no longer actively maintained, it offers features like drag handles, smooth animations, and compatibility with virtualization libraries. It is recommended for users looking for a simple way to add sortable functionality to their lists, especially for scenarios where HTML5 Drag & Drop API limitations become a challenge. Users are encouraged to explore @dnd-kit for a more modern alternative.