Better program separation for different channels about planby HOT 6 OPEN

Hi @stichiboi,

I plan to add DnD to the component. I have some ideas for that but also I need to think about your solution.
I need to see and read the docs how the dnd-kit you are using works.

from planby.

Also, I have some ideas about functionalities which can be provided by Planby

from planby.

@stichiboi can you send the link to Codesandbox?

from planby.

Codesandbox

The original issue is not relevant anymore, I manage to solve the movement on different rows by:

• Restricting to horizontal axis
• Using the rectIntersection as the collision detection algorithm

You can recreate the bug by changing the collision detection to closestCenter (the one suggested by the dnd-kit tutorial).

I still think, from a user point of view, that having the channel rows separated into different components makes more sense than having just a huge list.
This also impacts performance, since every change with the DND triggers a render of all the items, even if I just changed one row.

Having a wrapper component means that you can also style every row differently.

from planby.

Small note: the scrolling while dragging the element is very bad. Probably it's dnd-kit's fault, I'm working on improving it.
It's something you might want to pay attention to if you want to implement it in planby

from planby.

Online I see a lot of examples for dnd libraries that implement Kanban Boards: I'm thinking that planby could implement something like that.

Examples (think of them as horizontal instead of vertical: each section is a channel, each task is a program)
dnd-kit
react-beautiful-dnd

Every row is a different board, and you can move programs between different boards.
Then you can rearrange the programs or the channels.

But you need row separation to do this.

There is actually another option with dnd-kit, which is to implement a custom sortingStrategy. I've tried writing something starting from the horizontal scrolling strategy, but definitely don't have the head to do it on a Friday afternoon 😅.

from planby.