pssst! Looking for the old version 5?
DEMO: http://projectstorm.cloud/react-diagrams
DOCS (wip) https://projectstorm.gitbook.io/react-diagrams
Docs are currently being worked on, along with a migration path.
A flow & process orientated diagramming library inspired by Blender, Labview and Unreal engine.
Example implementation using custom models: (Dylan's personal code)
Get started with the default models right out of the box:
For all the bells and whistles:
yarn add @projectstorm/react-diagrams
This includes all the packages listed below (and works (mostly and conceptually) like it used to in version 5.0)
This library now has a more modular design and you can import just the core (contains no default factories or routing)
yarn add @projectstorm/react-diagrams-core
this is built ontop of the evolving react-canvas-core library
yarn add @projectstorm/react-canvas-core
which makes use of
yarn add @projectstorm/react-geometry
and of course, you can add some extras:
yarn add @projectstorm/react-diagrams-defaults
yarn add @projectstorm/react-diagrams-routing
Before running any of the examples, please run yarn build
in the root. This project is a monorepo, and the packages (including the demos) require the packages to first be built.
Take a look at the diagram demos
or
Take a look at the demo project which contains an example for ES6 as well as Typescript
or
After running yarn install
you must then run: cd packages/diagrams-demo-gallery && yarn run start
Simply run yarn
then yarn build
or yarn build:prod
in the root directory and it will spit out the transpiled code and typescript definitions into the dist directory as a single file.
Do you have an interesting project built with react-diagrams? PR it into this section for others to see.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。