Какая библиотека поможет в реализации следующего drag n drop на React?

Question

[ValeraNakhuy]

Необходимо что бы:


Элементы с шириной 50% менялись между собой в любом порядке, горизонтально и вертикально.
А те которые по 100% только вертикально двигались.

Я использовал библиотеку beautiful-drag n drop от airbnb, но не смог в ней получить такого.
Если вам не знакома такая библиотека подскажите что-то на чистом JS.

Ну и в крайнем случае, сложно ли самому такое написать?
(С учетом того что с DragDrop API я вообще не работал)

Comments

[Роман]

Приложение полностью офтопик, но в нем есть немного drag & drop, возможно будет интересно ознакомится

Answer 1

[dev null]

На одном из проектов используем эту

Comments

[ValeraNakhuy]

Нашел это до вашего комментария. Но это абсолютно то что нужно, легкое и просто, строго рекомендую людям с такой же проблемой

Answer 2

[origami1024]

1. drag&drop легче чем ты думаешь, вот пример на чистом js (легко гуглится, полно инфы):
https://www.w3schools.com/html/tryit.asp?filename=...

2. Чтобы менять элементы местами, можно сделать их через flex и менять им атрибут order на дропах
https://codepen.io/abechiyo/pen/aJdQXm

Answer 3

[Robur]

Dran n Drop не меняет элементы местами. Это просто апи для того чтобы дать возможность пользователю что-то потащить мышкой и отследить что и куда он тащит.
Остальное - ваша забота, пишите самостоятельно. Хоть на чистом JS хоть с помощью какой-то библиотеки. Мне нравилась https://github.com/react-dnd/react-dnd в свое время.