Looking for ReactJS library to create flows/diagrams

javascript reactjs diagram flow
Mike picture Mike · Sep 4, 2018 · Viewed 10.7k times · Source

I'm looking for a react component or a javascript library for creating flows/diagrams.

I need to customize and have various types of nodes.

enter image description here

Answer

Sebastian picture Sebastian · Sep 5, 2018

There aren't many great flow and diagram libraries out there, and even fewer focus on React.

I suggest looking into a generic solution that integrates well with React.

If this is in a commercial context and/or your requirements are non-trivial, be sure to check out yFiles for HTML, which is the most powerful library available when it comes to sophisticated diagramming. It also comes with a React Diagram Integration Demo. This allows you to use all the features in a React powered application.

Disclaimer: I work for the company that creates the mentioned library. I do not represent my employer on SO, though. This is my very own opinion.

Related questions

Loop inside React JSX

I'm trying to do something like the following in React JSX (where ObjectRow is a separate component): <tbody> for (var i=0; i < numrows; i++) { <ObjectRow/> } </tbody> I realize and understand why this isn't …

Read More
"SyntaxError: Unexpected token < in JSON at position 0"

In a React app component which handles Facebook-like content feeds, I am running into an error: Feed.js:94 undefined "parsererror" "SyntaxError: Unexpected token < in JSON at position 0 I ran into a similar error which turned out to be a …

Read More
Show or hide element in React

I am messing around with React.js for the first time and cannot find a way to show or hide something on a page via click event. I am not loading any other library to the page, so I am …

Read More