sorting library suggestions

Unanswered

Muhammed Khal posted this in #help-forum

Muhammed KhalOP

2023-09-07T13:47:04.000Z

Which library should I use for dragging and sorting the elements in next I tried sortablejs but thatâ€™s not working in next js but itâ€™s working on react.

Can anyone suggest me which library should I use as you might used in your projects

15 Replies

Muhammed KhalOP

2023-09-07T13:48:01.000Z

I want to drag and sort those things

fuma 💙 joulev

2023-09-07T14:20:32.000Z

I was using react-beautiful-dnd in a side-project, but it's Pages Router
Normally adding these libraries into client components won't cause any problems

linesofcode

2023-09-07T14:46:04.000Z

DND kit

https://dndkit.com/

Muhammed KhalOP

2023-09-07T15:00:50.000Z

@linesofcode with dnd kit I am able to achive that like the plus button for every element?

With that library can I able too achieve the thing in my app router and the buttons for every element

European sprat

2023-09-07T15:01:55.000Z

I also suggested react-dnd days ago when you first asked this

Muhammed KhalOP

2023-09-07T15:02:07.000Z

Yes you're right

dnd kit right

I tried a lot to install react-sortable but I am getting this error

fuma 💙 joulev

2023-09-07T15:03:06.000Z

The button is implemented by yourself, and both libraries mentioned above should be able to achieve your goal

Muhammed KhalOP

2023-09-07T15:03:10.000Z

Okay Thanks

That error with the react-sortable

Basset Fauve de Bretagne

2024-01-15T16:12:23.000Z

for those who are having the issue above, you can check out this thread https://nextjs-forum.com/post/1196470386875957259