Natto.dev – A Canvas for JavaScript

Re:Natto.dev – A Canvas for JavaScript by keb_ on Tuesday April 13, 2021 @06:27PM (#26800222)

Great work! Question -- I love the grid/layout system you have. I'm wondering if there is an open-source library that helped you enable this? I'd like to use something similar for a personal tool. :) Thank you.

[ Parent | on HN ]

Re:Natto.dev – A Canvas for JavaScript by paulshen on Tuesday April 13, 2021 @06:44PM (#26800418)

Thanks! I'm using plain React. I have a React onMouseDown React listener that attaches mousemove/mouseup listeners on the window. I round the numbers to the grid.

I've seen https://reactflow.dev/ but haven't used it myself. The core drag interaction is not much code but feel free to reach out on twitter. happy to share more!

[ Parent | on HN ]