React Demo

This demo shows how to integrate yFiles in a React application with TypeScript in project bootstrapped with Vite.

This application integrates a yFiles GraphComponent as a class-based React component.

The nodes are rendered via the NodeTemplate react component class.

Running the demo

The demo is using the Vite for tooling, thus the following steps are required to start it:

> npm install 
> npm run dev

This will start the development server of the toolkit.

Vite's development server automatically updates the application upon code changes.

Use the App Generator to create visualization prototypes – quickly and easily.

yFiles for HTML DemosReact Class Components