Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

A feature-rich front-end drag-and-drop component library

github.com

Post reply on HN
Print view View original

31–40 of 80 posts

Re: A feature-rich front-end drag-and-drop component library

#31

Post by windowshopping »

andy800 wrote: post #29
windowshopping wrote: post #7

Earlier quoted context omitted.

Both the dndkit and pragmatic-drag-and-drop are great for simple use cases. If you're building something complex though, neither will cut it, nor will any other dnd library I've seen. I built a card game interface last year that involved 3 forms of droppable: - a hand, where cards were display in a row and could be reordered - a pile, where cards stacked and only showed the topmost card, which could be dragged off th…

To be fair, this is like saying Legos aren't appropriate for building a house or a pocket calculator isn't appropriate for analyzing a particles accelerator -- simple tools are great for their intended use case but you need much more advanced tools for complex scenarios. With that said, I agree that emulating playing cards is tricky, I'm curious what you used. I built https://play.cheatatbj.com using ZimJS (whose web…

I didn't use anything for DND, I wrote that all by hand. I used React, Pullstate for a state store, and PubSubJS. All of them are great to work with, although this was really, really pushing the limits of what React is made to accomodate. If you play Magic: The Gathering you can check it out by starting a mirror-match by yourself at "ca rd tav ern dot com" with the spaces removed (don't want this comment showing up in search results), but it would require you to make a deck since I haven't gotten around to adding default starter decks to new accounts yet. (The site was largely finished but never launched or shared.)

Re: A feature-rich front-end drag-and-drop component library

#32

Post by windowshopping »

pieperz wrote: post #24
windowshopping wrote: post #7

Earlier quoted context omitted.

Both the dndkit and pragmatic-drag-and-drop are great for simple use cases. If you're building something complex though, neither will cut it, nor will any other dnd library I've seen. I built a card game interface last year that involved 3 forms of droppable: - a hand, where cards were display in a row and could be reordered - a pile, where cards stacked and only showed the topmost card, which could be dragged off th…

Do you do any consulting? Would love some help on something similar? @pieperz on twitter.

I've got my hands pretty full with another project and unfortunately I don't use Twitter anymore since it became X. If you'd like, though, I can send an email to your quilt store's contact email (team@) and you can reply to that to tell me a bit more about what you're trying to do, and if I can give any genuinely useful suggestions as to how I would go about it, I will do so. But I realize technical advice != actual developer hours and if that's not so helpful, no worries.

Re: A feature-rich front-end drag-and-drop component library

#34

Post by jjcm »

I got to work with Alex on the precursor to this while I was at Atlassian. He's such a delight to work with. I was a prototyper at the time and I was always surprised about the types of edge cases he would come to me with - things I would have never even considered testing. There's so much work behind the scenes that happens to make these drag and drop interactions feel natural.

Re: A feature-rich front-end drag-and-drop component library

#35

Post by fuzzythinker »

pqdbr wrote: post #19
zatarc wrote: post #4

Cannot believe they missed the opportunity to call it "Dragmatic".

This is such a cool name that I'd open an issue and suggest the rebranding :)

They won't even need a new logo, as they can just rotate the "p" 180 degrees.

Re: A feature-rich front-end drag-and-drop component library

#36

Post by Nathanael_M »

xyst wrote: post #8

I tried the examples on mobile device and it takes awhile for component to recognize its “picked up”. Have to wait what seems like half a second. If I move before then, it doesn’t do anything or it highlights content when I try to drag. I hope that can be tuned with the library but otherwise it looks pretty good. edit: I really wish there was an ability to move multiple items at once. Or maybe I haven’t figured it ou…

Yeah, this is very confusing to me. The examples barely function on an iPhone. Is it just this specific implementation or is it a foundational issue with the library?

Re: A feature-rich front-end drag-and-drop component library

#37

Post by qingcharles »

tambourine_man wrote: post #10

Drag and drop between tabs/windows is pretty remarkable, though I wonder if users would even try such a thing to justify the increased complexity.

I think the site builder in Wordpress 6 supports this? Certainly you can copy/paste some extensive elements between tabs and I use it all the time.

Re: A feature-rich front-end drag-and-drop component library

#38

Post by stevenkkim »

windowshopping wrote: post #7
cjen wrote: post #6

To provide some context for this, Atlassian originally created a drag and drop library called react-beautiful-dnd. A few years ago they stopped maintaining the library, and some community forks took over (I think @hello-pangea/dnd is the most popular). In the interim I've found https://dndkit.com a _really_ nice solution, but it's only available in React-land. Looks like this new library was written at least in part…

Both the dndkit and pragmatic-drag-and-drop are great for simple use cases. If you're building something complex though, neither will cut it, nor will any other dnd library I've seen. I built a card game interface last year that involved 3 forms of droppable: - a hand, where cards were display in a row and could be reordered - a pile, where cards stacked and only showed the topmost card, which could be dragged off th…

Could you share a link to your game? I'd love to check it out.

Re: A feature-rich front-end drag-and-drop component library

#39

Post by windowshopping »

stevenkkim wrote: post #38
windowshopping wrote: post #7

Earlier quoted context omitted.

Both the dndkit and pragmatic-drag-and-drop are great for simple use cases. If you're building something complex though, neither will cut it, nor will any other dnd library I've seen. I built a card game interface last year that involved 3 forms of droppable: - a hand, where cards were display in a row and could be reordered - a pile, where cards stacked and only showed the topmost card, which could be dragged off th…

Could you share a link to your game? I'd love to check it out.

See my other comment on this thread! Don't want to copy paste it, feels spammy.
Post reply on HN