Take-home assignment
I have a take-home assignment in which i need to implement a multi-column (not separate lists) drag and drop component in React without using any libs.
Using html drag and drop apis was easy, but it didn't look exactly like this (video below).
Then i used mouse events, and could only make it work (https://react-dnd-harshcut.vercel.app/) with single column.
Does anyone one have any suggestions on how to proceed for two-column layout?
My next thought would be calculating the position of the cursor on left or right side of the container and shifting the list items in it.
Seems like a lot of work just for a take-home assignment.
2 Replies
I'm not well versed enough to answer your question, but I highly recommend javascript.info
https://javascript.info/mouse-drag-and-drop
It goes deep into doing custom drag'n'drop events.