Getting Started

Get the package

The first thing you need to do, is grab the distribution files on NPM. You can do this either using yarn or npm.

Via yarn:

yarn add @projectstorm/react-diagrams

Via npm:

npm install @projectstorm/react-diagrams

When you run this in your project directory, this will install the library into ./node_modules/@projectstorm/react-diagrams. You will then find a dist folder that contains all the minified and production ready code.

Install the peer dependencies

The library includes it's dependencies as peer-dependencies, so yarn will output warnings letting you know which ones are missing. Simple install them, specifically these ones:

Via yarn:

yarn add closest lodash react dagre pathfinding paths-js @emotion/react @emotion/styled resize-observer-polyfill

Via npm:

npm install closest lodash react dagre pathfinding paths-js @emotion/react @emotion/styled resize-observer-polyfill

We do this, so that you can better control the versions of these libraries yourself since you might make use of Lodash in other parts of your software.