This project provides a basic example of using GoJS in a React app. Check out the Intro page on using GoJS with React for more information.

It makes use of the gojs-react package to handle some boilerplate for setting up and tearing down a Diagram component.

When running the sample, try moving around nodes, editing text, relinking, undoing (Ctrl-Z), etc. within the diagram and you'll notice the changes are reflected in the inspector area. You'll also notice that changes made in the inspector are reflected in the diagram. If you use the React dev tools, you can inspect the React state and see it updated as changes happen.

For additional samples, see gojs-react-samples.

This project uses immer to simplify state update operations.

Start by running npm install to install all necessary dependencies.

In the project directory, you can run:

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.