The way Trellix implemented the drag'n'drop was a bit hacky (using float number for ordering the cards for example), and a bit convoluted, but kinda respecting web enhancement (draggable property).
During my research I found that... Trello actually opened source their drag'n'drop solution for React: react-beautiful-dnd
This spike should investigate how we can integrate this library, how much we are loosing in terms of web enhancement, and also prepare how to integrate it with Remix (action philosophy, and avoiding using useState and useEffect if possible).
As this feature is the heart of the Board feature, I haven't created any task regarding Cards/Columns/Board yet as the outcome of this issue surely will have a technical influence on those tasks.
ACs
Investigate react-beautiful-dnd pros/cons
POC using Remix + react-beautiful-dnd
If positive, define the next steps for the board feature (card, columns and board - components + routes)
Description
The way Trellix implemented the drag'n'drop was a bit hacky (using float number for ordering the cards for example), and a bit convoluted, but kinda respecting web enhancement (draggable property).
During my research I found that... Trello actually opened source their drag'n'drop solution for React: react-beautiful-dnd
This spike should investigate how we can integrate this library, how much we are loosing in terms of web enhancement, and also prepare how to integrate it with Remix (
actionphilosophy, and avoiding usinguseStateanduseEffectif possible).As this feature is the heart of the Board feature, I haven't created any task regarding Cards/Columns/Board yet as the outcome of this issue surely will have a technical influence on those tasks.
ACs
react-beautiful-dndpros/consreact-beautiful-dnd