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
Perfect
Perfect2y ago
Perfect
Perfect2y ago
How could I go about something like this ^ Going with this for now
Perfect
Perfect2y ago
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
Gaurang
Gaurang2y ago
beautiful dnd is a good solution you should be fine with this.
barry
barry2y ago
i dont like it i find dnd kit better and maintained that isnt being updated anymore
Perfect
Perfect2y ago
@barry so the regular react dnd? https://react-dnd.github.io/react-dnd/about
React DnD
Drag and Drop for React
barry
barry2y ago
dnd kit
Perfect
Perfect2y ago
Oh ok I’ll look that up thanks
barry
barry2y ago
dnd kit – a modern drag and drop toolkit for React
A modular, lightweight, performant, accessible and extensible drag & drop toolkit for React.
Perfect
Perfect2y ago
Oh that looks nice Cool @barry hey so I started using dnd kit and currently running into one minor issue
Perfect
Perfect2y ago
Perfect
Perfect2y ago
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?
barry
barry2y ago
Nope
Perfect
Perfect2y ago
fixed for future reference, need to use custom transform string
Perfect
Perfect2y ago
Want results from more Discord servers?
Add your server