Visual programming | Process design | Workflows | ETL | Data manipulation
Installation and usage in react app
yarn add @data-story-org/data-storyimport { DataStory } from '@data-story-org/data-story';
import '@data-story-org/data-story/lib/styles/app.css';
const someComponent = () => {
return <DataStory />;
};
⚠️ Using React.StrictMode with data-story-org/data-story in development mode will provoke a lot of useless errors see projectstorm/react-diagrams#598
as temporally fix you can either disable React.StrictMode or enable it only for production builds
Development
See contributing for setuping seamless development environment for core and data-story.
Hotkeys
| Hotkey | Action |
|---|---|
| ALT+D | Go to diagram |
| ALT+I | Go to Inspectors |
| ALT+J | Go to diagram JSON |
| ALT+O | open |
| ALT+PLUS | Add node |
| ALT+R | Run diagram |
| ALT+S | save |