There are few similar libraries. I think most feature reach is https://github.com/projectstorm/react-diagrams , but there is also https://github.com/DrummerHead/react-flow-diagram https://github.com/alibaba/GGEditor , actually I’ve found about 15 different js open source react and non-react editors for node-based UI. But unfortunately most of them is not very extensible. One of the reason is that the authors prefer to store state inside component, so it’s impossible to create non-trivial behaviour.
React-flow: a library to create interactive node-based graphs
11–20 of 20 posts
Re: React-flow: a library to create interactive node-based graphs
#12There are few similar libraries. I think most feature reach is https://github.com/projectstorm/react-diagrams , but there is also https://github.com/DrummerHead/react-flow-diagram https://github.com/alibaba/GGEditor , actually I’ve found about 15 different js open source react and non-react editors for node-based UI. But unfortunately most of them is not very extensible. One of the reason is that the authors prefer t…
That's why we tried to make this library as simple as possible. It doesn't do any state updates besides the positions. You can easily store state inside nodes and change it as seen in the custom node example https://react-flow.netlify.app/custom-node
Re: React-flow: a library to create interactive node-based graphs
#13There are few similar libraries. I think most feature reach is https://github.com/projectstorm/react-diagrams , but there is also https://github.com/DrummerHead/react-flow-diagram https://github.com/alibaba/GGEditor , actually I’ve found about 15 different js open source react and non-react editors for node-based UI. But unfortunately most of them is not very extensible. One of the reason is that the authors prefer t…
That's why we tried to make this library as simple as possible. It doesn't do any state updates besides the positions. You can easily store state inside nodes and change it as seen in the custom node example https://react-flow.netlify.app/custom-node
One thing that seems to be missing though is slot names.
For example if the nodes are objects in C++ and the edges are relations, you want to know the names of the members that point to the other nodes.
Labels on the edges would also be nice.
Re: React-flow: a library to create interactive node-based graphs
#14I made a react-based visual tree demo a couple of weeks ago.
https://ldd.github.io/react-tech-tree/
It imitates a long X-Men family tree and slay the spire's room selection.
But this seems pretty cool, and a natural next-step to what I wanted to make.
Re: React-flow: a library to create interactive node-based graphs
#15There are few similar libraries. I think most feature reach is https://github.com/projectstorm/react-diagrams , but there is also https://github.com/DrummerHead/react-flow-diagram https://github.com/alibaba/GGEditor , actually I’ve found about 15 different js open source react and non-react editors for node-based UI. But unfortunately most of them is not very extensible. One of the reason is that the authors prefer t…
What sort of non-trivial behaviour would you be interested in?
Re: React-flow: a library to create interactive node-based graphs
#16Can somebody explain to me how/what this tool is used for? I have an idea but im not quite sure
I made a similar (though less complex version) of this for tech trees.
https://ldd.github.io/react-tech-tree/#examples
So the answer is, to make games!
I used it my library for my own game here:
Re: React-flow: a library to create interactive node-based graphs
#17Can somebody explain to me how/what this tool is used for? I have an idea but im not quite sure
You could build a WebAudio synth / node chain with this, it's much better than looking at code.
Or set up CI pipeline with this.
Or in cases when you want end users to set up flows, but they can't code.
Re: React-flow: a library to create interactive node-based graphs
#18This looks great but unfortunate naming means SEO will always compete against the flow type checking library even if you google "react-flow".
Re: React-flow: a library to create interactive node-based graphs
#19There are few similar libraries. I think most feature reach is https://github.com/projectstorm/react-diagrams , but there is also https://github.com/DrummerHead/react-flow-diagram https://github.com/alibaba/GGEditor , actually I’ve found about 15 different js open source react and non-react editors for node-based UI. But unfortunately most of them is not very extensible. One of the reason is that the authors prefer t…
What sort of non-trivial behaviour would you be interested in?
For example: can I connect one port of node to other port of node and how this connection needs to be drawn.
Re: React-flow: a library to create interactive node-based graphs
#20Would be nice to have GraphViz interfaces, such as import/export to DOT file format, and auto-layout using a WebGraphViz plugin: