GitHub Pinned Repository Behavior
Everytime you reorder these, a fetch is made to "reorder_pinned_items".
I am trying to replicate this behavior for my linktree clone so users can order their links however they want.
Does anyone know of any react libraries that make drag and drop like this easier? any general advice before implementing?
I was thinking of using the new react aria stuff.
https://react-spectrum.adobe.com/react-aria/useDroppableCollection.html
Thanks!
15 Replies
How could I go about something like this ^
Going with this for now
GitHub
GitHub - atlassian/react-beautiful-dnd: Beautiful and accessible dr...
Beautiful and accessible drag and drop for lists with React - GitHub - atlassian/react-beautiful-dnd: Beautiful and accessible drag and drop for lists with React
beautiful dnd is a good solution you should be fine with this.
i dont like it
i find dnd kit better and maintained
that isnt being updated anymore
@barry so the regular react dnd? https://react-dnd.github.io/react-dnd/about
React DnD
Drag and Drop for React
dnd kit
Oh ok I’ll look that up thanks
dnd kit – a modern drag and drop toolkit for React
A modular, lightweight, performant, accessible and extensible drag & drop toolkit for React.
Oh that looks nice
Cool
@barry hey so I started using dnd kit and currently running into one minor issue
As you can see, the transform seems to be stretching out elements to match the size of the drop area (I think). I didn’t see this happening on my laptop so I’m thinking it might be a mobile only issue. Have u run into this before?
Nope
fixed
for future reference, need to use custom transform string