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

  • @alexandereardon
    @alexandereardon3 ай бұрын

    👋 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

    @bar10dr

    2 ай бұрын

    Would it be difficult to make it work in Blazor?

  • @oxuk85
    @oxuk852 ай бұрын

    Great vid, I looked at the examples and tutorials on the Atlassian docs but still found your vid really helpful. Thanks

  • @DanielDelCore
    @DanielDelCore3 ай бұрын

    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 🤣

  • @JMAguero-fn8du
    @JMAguero-fn8du2 күн бұрын

    Awesome! Thank you very much!!!

  • @JohnnyHandsomeCapital
    @JohnnyHandsomeCapital3 ай бұрын

    Great Video, thanks for sharing.

  • @PradeepS-o6v
    @PradeepS-o6v22 күн бұрын

    Please add more examples for Pragmatic drag and drop. Thanks for sharing.

  • @NoahM.Angell-sd4ez
    @NoahM.Angell-sd4ez3 ай бұрын

    I wish I had these skills!

  • @sandromasso
    @sandromasso19 күн бұрын

    Nice, but this library can allow us to make multiple drag and drop?

  • @anlukinha8764
    @anlukinha87645 күн бұрын

    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)

  • @kanchanwadhwani7381
    @kanchanwadhwani73813 ай бұрын

    Good one, does it fall under Atlassian licensing?

  • @JollyCoding

    @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!

  • @doppeltevier
    @doppeltevierАй бұрын

    Do you have a community discord?

  • @oopss794
    @oopss7942 ай бұрын

    "Any tech stack" , what about react native?

  • @MrDiaz-hw3uy
    @MrDiaz-hw3uy2 ай бұрын

    any framework!... for react :(

  • @JollyCoding

    @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

    @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

  • @timothymeade-on-twitter
    @timothymeade-on-twitter2 ай бұрын

    Excellent breakdown and code. Not many out there yet for this fantastic new package.