In this article I am going to show you how to add some events to your react-diagrams project. You will Find a list of the different events and how to attach them.
Hints: You can add the listener by using the addListener method
<pre class="language-js"><code class="language-js">var model=new DiagramModel();
model.addListener({ nodesUpdated: function(e){ // Do something here }, zoomUpdated: function(e){ // Do something here },});
</code></pre>
And here some important events
<h2>Events for DiagramModel:</h2>
<pre class="language-js"><code class="language-js">nodesUpdated
linksUpdated
offsetUpdated
zoomUpdated
gridUpdated
selectionChanged
entityRemoved 
</code></pre>
<h2>Events for LinkModel:</h2>
<pre class="language-js"><code class="language-js">sourcePortChanged
targetPortChanged
selectionChanged
entityRemoved 
</code></pre>
<h2>Events for NodeModel and PointModel:</h2>
<pre class="language-js"><code class="language-js">selectionChanged
entityRemoved
Hope it helped!
</code></pre>


 
In this article I am going to show you how to add some events to your react-diagrams project. You will  Find a list of  the different events and how to attach them.

__Hints__: You can add the listener by using the addListener method 

```js
var model=new DiagramModel();
model.addListener({ nodesUpdated: function(e){ // Do something here }, zoomUpdated: function(e){ // Do something here },});
```
And here some important events

## Events for DiagramModel:
```js
nodesUpdated
linksUpdated
offsetUpdated
zoomUpdated
gridUpdated
selectionChanged
entityRemoved 
```

## Events for LinkModel:
```js
sourcePortChanged
targetPortChanged
selectionChanged
entityRemoved  
```

## Events for NodeModel and PointModel:
```js
selectionChanged
entityRemoved
Hope it helped!
``` 

Find how to work with events? How to add some events to your project? Find a list of  the different events and how to attach them.

How to How to use events in react-diagrams?

Events for DiagramModel:

Events for LinkModel:

Events for NodeModel and PointModel: