Integrate @joint/core in reactjs

[rajeshK88]

Introduction

What are the steps to integrate @joint/core with reactjs.
Reactjs state should not impact the existing diagram.

Steps to reproduce

No response

Restrictions & Constraints

No response

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS

[kumilingus]

You can check our JointJS+ tutorial: https://resources.jointjs.com/tutorial/react-ts

Here's a simple example using only @joint/core.

[rajeshK88]

Got it.. thanks for clarifying.

1. is there any support for reactjs in future like separate component ?
2. Looks some of the jointjs core components are not working while react state is updated.
3. also double mesh is not working in @joint/core.

[kumilingus]

is there any support for reactjs in future like separate component ?

Yes, currently being developed (similar to this #2522).

also double mesh is not working in @joint/core.

It works. See example.

Looks some of the jointjs core components are not working while react state is updated.

What do you mean?

[rajeshK88]

About double mesh example example.

looks like you imported joint-plus.css . So do we need to import this every time. Is there any css module available in @joint/core to import.

Looks some of the jointjs core components are not working while react state is updated.

When the reactjs state is changed and paper refreshes again then we loose the graph component update. Will create codesandbox and share it here.

[kumilingus]

The joint-plus.css was a leftover. I updated the example. There is no CSS for @joint/core required.