diagramly
Create diagrams (UML & other types) from React components. Not usable yet, just demonstrating the basic concept using an unit test.
Last updated a year ago by gcazaciuc .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install diagramly 
SYNC missed versions from official npm registry.

Diagramly

Create diagrams (UML & other types) from React components. Not usable yet, just demonstrating the basic concept using an unit test.

Installing

    npm install -g diagramly

Defining a statechart

Define the diagram as a React component, let's say in diagrams/PageLoadingStatechart.js. Use the built-in Statechart, State and Transition components.

const PageLoadingStateChart = props => (
    <Statechart>
        <State name="Idle" />
        <State name="Loading" />
        <Transition from="Idle" to="Loading" />
    </Statechart>
);
export default PageLoadingStateChart;

Generate the statechart:

    diagramly --create diagrams

Generating diagrams

Run

    diagramly --create <directory that contains diagrams react component>

Current Tags

  • 0.0.2                                ...           latest (a year ago)

2 Versions

  • 0.0.2                                ...           a year ago
  • 0.0.1                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 2
Dependencies (10)
Dev Dependencies (1)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |