Visual programming | Process design | Workflows | ETL | Data manipulation
yarn add @data-story-org/data-story
import { DataStory } from '@data-story-org/data-story';
import '@data-story-org/data-story/lib/styles/app.css';
const someComponent = () => {
return <DataStory />;
};
:warning: 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
See contributing for setuping seamless development environment for core and data-story.
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 |