sortablejs VS react-beautiful-dnd

We've been using SortableJS for years for similar functionality.

https://sortablejs.github.io/Sortable/

Well, it worked. But only for one case: dragging stuff within only one column. You see, stimulus-sortable uses SortableJS under the hood, which is powerful.

Maybe: https://github.com/SortableJS/Sortable Can do this not sure.

Well, there are obvious leading contenders like `https://sortablejs.github.io/Sortable/` and, within the `vue` space, `https://sortablejs.github.io/vue.draggable.next/`. Most of the stuff I looked at was unmaintained (lots not updated for vue3).

I really disliked the vuedraggable was handling nesting, and it's just a wrapper around a sortable. At the end of the day, my problem was simple enough that I didn't want a 500kb dependency. If you're wanting to do something like the OP but with nesting, I'd definitely start by looking at Sortable, though (maybe wrapping it the way you want).

Have you looked into alternatives to SortableJS btw? It's a good library but it's also pretty big (43kb) based on https://github.com/SortableJS/Sortable/blob/master/Sortable.min.js.

after(() => { cy.task('sendMail', 'This will be output to email address')       .then(result => console.log(result));   }) //zadanie A it("navstiv stranku a vyhladaj a elementy v casti Framework Support", ()=>{ cy.visit('https://sortablejs.github.io/Sortable/#cloning')

Check out https://sortablejs.github.io/Sortable/

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

For this full-stack single-page app, you'll use Vite.js as your frontend build tool and the react-beautiful-dnd package for draggable items.

A huge win for the user experience using react-beautiful-dnd.

react-beautiful-dnd stands out as the most commonly used, it provides a clean and high-level API with a lot of abstraction. It was developed by Atlassian.

Drag-and-drop library for React with beautiful animations. Website - GitHub

This library is very cool and pretty simple to use : https://github.com/atlassian/react-beautiful-dnd

Not sure if OP used these but here are few suggestions: For drag drop: https://www.npmjs.com/package/react-beautiful-dnd For resizing with handles: https://www.npmjs.com/package/react-resizable

https://github.com/react-dnd/react-dnd https://github.com/atlassian/react-beautiful-dnd

You can try react-beautiful-dnd, it's amazingly simple, I actually switched from react-dnd a couple months ago to react-beautiful-dnd, and it was easy af.