Getting Started
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.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.Last modified 1yr ago