NEW Drag and Drop Library for ANY framework
A great way to make your site experience even better is adding drag and drop functionality. This new library, released by the makers of Trello, and used by them in production, promises to solve all of your drag and drop needs for ANY tech stack. Lets take a look at pragmatic drag and drop, the successor to react-beautiful-dnd, and see how 3 functions can make a full drag and drop experience.
Pragmatic Drag and Drop Docs: atlassian.design/components/p...
My CodeSandbox Demo: codesandbox.io/p/sandbox/ches...
---
🐦 Twitter (X): jollycod.ing/x
🤓 Personal Site: jollycod.ing/me
💻 GitHub: jollycod.ing/git
JollyUI: jollycod.ing/ui
Пікірлер: 18
👋 I'm one of the creators of Pragmatic drag and drop. Thanks for making this video and for your kind words about the project! 🥰
@bar10dr
2 ай бұрын
Would it be difficult to make it work in Blazor?
Great vid, I looked at the examples and tutorials on the Atlassian docs but still found your vid really helpful. Thanks
Great video, you did a really good job explaining the ins and outs of the library. I've been close to the project and I feel like i even learned something 🤣
Awesome! Thank you very much!!!
Great Video, thanks for sharing.
Please add more examples for Pragmatic drag and drop. Thanks for sharing.
I wish I had these skills!
Nice, but this library can allow us to make multiple drag and drop?
Does it works with Next.js(14) + React.js (18)? Trying to use the tree one, but just not working as it should (may be skill issue, btw)
Good one, does it fall under Atlassian licensing?
@JollyCoding
3 ай бұрын
It’s under a standard Apache license so you should be good to use it! They’ve released it with that intention now too!
Do you have a community discord?
"Any tech stack" , what about react native?
any framework!... for react :(
@JollyCoding
2 ай бұрын
It works with react, svelte, vue, angular and more! github.com/atlassian/pragmatic-drag-and-drop The readme lists them. Just my examples were react as that’s what I am comfortable with!
@MrDiaz-hw3uy
2 ай бұрын
@@JollyCoding Oh! sorry. Ist's just that I made a short check in the docs and a google research and I didn't found any mention to angular
Excellent breakdown and code. Not many out there yet for this fantastic new package.