React Anything Sortable screenshot

React Anything Sortable

Author Avatar Theme by Jasonslyvia
Updated: 16 Mar 2018
460 Stars

A ReactJS component that can sort any children with touch support and IE8 compatibility

Overview

If you’re looking for a reliable solution to sort React components, this project offers a solid foundation. Although it is currently in an inactive status with no new features planned, bug fixes will still be maintained, which can be sufficient for those who need a straightforward sorting mechanism. This can be a great asset for projects requiring basic sorting functionalities without the need for extra dependencies.

This tool supports the sorting of various React elements, including images and composite components, making it versatile for different use cases. For more complex sorting needs, alternative libraries like react-dnd may be worth considering, but for simple use cases, this library is more than capable.

Features

  • Sort Any React Element: Easily sort through various React components including images and custom composites without any hassle.

  • No External Dependencies: The library requires only React itself, ensuring a lightweight integration into your existing projects.

  • Touch Event Support: This feature enables smooth interactions on touch devices, making it user-friendly across different platforms.

  • Thoroughly Tested: The library is well-tested, which enhances reliability and decreases the chances of encountering bugs during use.

  • Custom Style Support: You can apply your own styles to sortable items, allowing for a fully customized appearance that fits your project design.

  • Dynamic Updates: When using the dynamic option, the sortable component can adjust in response to changes in its children, ensuring up-to-date sorting experiences.

  • Simple Integration: With clear installation and usage instructions, implementing this functionality into your app is straightforward, even for those less experienced with React.

  • Callbacks for Sorting: The library provides callbacks such as onSort for managing sorted data efficiently, giving developers control over the sorted output.