Live data from Hacker News

React-flow: a library to create interactive node-based graphs

webkid.io

1–10 of 20 posts

Re: React-flow: a library to create interactive node-based graphs

#3

This is great, and I was just now preparing to sit down to slog through implementing something like along these lines. You just saved me a lot of time.

I'm in a similar position -- This is great, nice work! Looking forward to experimenting with the library.

There are a lot of similarly great React libraries that focus on just one high-level component. A few of my favorites that have saved me tons of time:

- react-grid-layout (https://github.com/STRML/react-grid-layout) for draggable / resizable grids with an easily-serializable layout.

- react-mosaic (https://github.com/nomcopter/react-mosaic) for tiling / movable window layouts.

- react-table (https://react-table.js.org/) for a very powerful, expandable table implementation.

Re: React-flow: a library to create interactive node-based graphs

#8
post #6

This looks useful, but also quite big - larger than react-dom: https://bundlephobia.com/result?p=react-flow-renderer@1.1.0

Unfortunately you are right. There are some heavy dependencies because of the zoom and panning and the dragging behaviour.

Re: React-flow: a library to create interactive node-based graphs

#9
I really like the idea that the library doesn't try to do automatic layout, and you need to specify a nodes X/Y coords.

There are a few similar libraries where their layout algorithm is super frustarting and its implementation's so hard coupled it's really hard to change or use your own.

Post reply on HN