react-reorder icon indicating copy to clipboard operation
react-reorder copied to clipboard

Another complete re-write in TypeScript, with hooks, React 16-17 support, and more

Open JakeSidSmith opened this issue 3 years ago • 4 comments

  • TypeScript
  • Function components
  • Hooks (expose hooks?)
  • React 16-17 support (#101)
  • Drop areas, drag areas
  • Start/stop drag callbacks (#85 / #100 / #103)
  • Prevent parent styles affecting behaviour (#84)
  • Accessibility (keyboard/click to reorder)
  • Portals?
  • React Native support?

I haven't forgotten about this library, I've just been very busy with other things. 😊

JakeSidSmith avatar Mar 13 '21 12:03 JakeSidSmith

@JakeSidSmith Can I work on this?

arpitBhalla avatar Apr 11 '21 16:04 arpitBhalla

If you had drag/drop areas you could probably replace react-dnd which is buggy AF. But I just came for the reordering

thomassuckow avatar Apr 28 '21 22:04 thomassuckow

@arpitBhalla I haven't exactly worked out how the API is going to be yet. Started writing it a few times and then changed my mind because it wasn't flexible enough. It'll probably be a while before I decide on an API I'm happy with, but happy for you to post suggestions in here. 😊

JakeSidSmith avatar Apr 29 '21 07:04 JakeSidSmith

Updated React Hooks support here https://github.com/JakeSidSmith/react-reorder/issues/101#issuecomment-847201025. Cheers 😊

Preview: https://media.giphy.com/media/BZnpNKIWXvz55j4Z31/giphy.gif

Tinder_Reorder_Test

DoubleHelixX avatar May 24 '21 17:05 DoubleHelixX