title: Integrating jsPlumb in React
body: <p>Need to implement jsPlumb in react and I have analysed that jsPlumb with react integration is licensed <a href="https://jsplumbtoolkit.com/docs/toolkit/react-integration.html" rel="nofollow noreferrer">ReactjsPlumb</a>. </p>
  
  <p>I need open source plugin which works as jsPlumb in react and 
  and tried the below:</p>
  
  <p><a href="https://gitlab.com/wallzero/jsplumb-react" rel="nofollow noreferrer">jsplumb-react</a>,</p>
  
  <p><a href="https://github.com/ajainarayanan/react-dag" rel="nofollow noreferrer">react-dag</a>.</p>
  
  <p>I'm unable to use these plugin's since both plugin's are written in TypeScript.
  Is there are any other plugins available like jsPlumb in react with pure react functionality.</p>
  
  <p>Somehow, added jsPlumb community version in react like below:</p>
  
  <pre><code>class App extends Component {
       componentDidMount() {
  
         //later we use like that , is this recommended ?
  
         // $(".item").resizable({
         //     resize : function(event, ui) {            
         //             jsPlumb.repaint(ui.helper);
         //         },
         //         handles: "all"
         //     });
  
          jsPlumb.ready(function() {
                 jsPlumb.connect({
                     source:"item_left",
                     target:"item_right",
                     endpoint:"Rectangle"
                 });
  
                 jsPlumb.draggable("item_left", {containment:"parent"});
                 jsPlumb.draggable("item_right", {containment:"parent"});
             });
       }
  
       render() {
         return (
           &lt;div id="diagramContainer"&gt;
             &lt;div id="item_left"  className="item"&gt;&lt;/div&gt;
             &lt;div id="item_right" className="item" 
             style={{marginLeft:"150px"}}&gt;&lt;/div&gt;
         &lt;/div&gt;
         );
       }
     }
  </code></pre>
  
  <p>I don't know that, using jsPlumb (javascript + jQuery) with react will be a wiser choice, because jsPlumb handles drag and drop internally and handling DOM directly. React is different.This feels somehow like a deadlock... Any suggestions?</p>