[deleted]
A feature-rich front-end drag-and-drop component library
21–30 of 80 posts
Re: A feature-rich front-end drag-and-drop component library
#22[flagged]
Jira is actually quite fast these days, compared to a couple of years ago.
Re: A feature-rich front-end drag-and-drop component library
#23Looks like it's the successor to https://github.com/atlassian/react-beautiful-dnd given https://github.com/atlassian/pragmatic-drag-and-drop/tree/ma...
Yeah, I hope the migration is not going to be too painful because https://github.com/atlassian/react-beautiful-dnd is a key component in one of my important project
Looks like they have a helper package for easy migration:
https://github.com/atlassian/pragmatic-drag-and-drop/tree/ma...
Edit: Here are the docs: https://atlassian.design/components/pragmatic-drag-and-drop/...
Re: A feature-rich front-end drag-and-drop component library
#24To 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…
Do you do any consulting? Would love some help on something similar? @pieperz on twitter.
Re: A feature-rich front-end drag-and-drop component library
#25Re: A feature-rich front-end drag-and-drop component library
#26[flagged]
Jira is actually quite fast these days, compared to a couple of years ago.
I keep hearing this, and/or “it’s fast if you self-host”, or “it’s fast as long as you don’t install a bunch of plugins”.
I look forward to experiencing this some day. In the meantime Jira still seems really slow.
Re: A feature-rich front-end drag-and-drop component library
#27Drag and drop between tabs/windows is pretty remarkable, though I wonder if users would even try such a thing to justify the increased complexity.
That’s natively supported with the HTML5 drag and drop API using dataTransfer. React-beautiful-dnd didn’t support that because they were basically reimplementing the whole thing from scratch and bypassing the browser’s dnd stuff.
I didn't know that, I'll look into it, thanks
Re: A feature-rich front-end drag-and-drop component library
#28[flagged]
Team-managed projects! Jira is, for the most part, quite sensible these days.
Of course, a lot HN Jira hate really comes from people that were beholden to misfiring top-down processes, which Jira was a reflection of.
Re: A feature-rich front-end drag-and-drop component library
#29To 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…
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 site looks kind of like a joke but is actually a very impressive animation framework).
Re: A feature-rich front-end drag-and-drop component library
#30Earlier 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…
>For cases like this, these libraries prove woefully inadequate. I had to hand-write the whole thing Did you write it in react? This is really one of the use cases where React can become a hindrance.
Yes. My UI's functionality was what I would personally describe as "unbelievably complicated," but I don't know how I would have done it without the modularity of React. It's a full-blown sandbox for playing Magic: The Gathering. I'm sure it could be done otherwise, but React is what I know and it didn't make sense to me to work in something I didn't know rather than something I knew well.