title: How can I embed VaniilaJS into React?
body: <p>I have open source library that I want to use. the library wrote in clean vanilla js:
  follow their docs, if I want to use the library:</p>
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;script src=&quot;./jquery-2.0.3.min.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;./kinetic-v5.1.0.min.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;./inchlib-1.2.0.js&quot;&gt;&lt;/script&gt;
          &lt;script&gt;
          $(document).ready(function() { //run when the whole page is loaded
              var inchlib = new InCHlib({&quot;target&quot;: &quot;inchlib&quot;,
                              &quot;width&quot;: 800,
                              &quot;height&quot;: 1200,
                              &quot;column_metadata_colors&quot;: &quot;RdLrBu&quot;,
                              &quot;heatmap_colors&quot;: &quot;RdBkGr&quot;,
                              &quot;max_percentile&quot;: 90,
                              &quot;middle_percentile&quot;: 60,
                              &quot;min_percentile&quot;: 10,
                              &quot;heatmap_font_color&quot;: &quot;white&quot;,
                               text: 'biojs'});
          inchlib.read_data_from_file(&quot;/microarrays.json&quot;);
          inchlib.draw();
  
      inchlib.onAll(function(name){
          console.log(name + &quot; event triggered&quot;);
      });
  
  });
          &lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div class=&quot;heatmaps&quot; style=&quot;margin:auto; align-items: center; margin-left:25%;&quot;&gt;
              &lt;div id=&quot;inchlib&quot;&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div &gt;&lt;/div&gt;
      &lt;/body&gt;
   &lt;/html&gt;    
  </code></pre>
  <p>The file inchlib-1.2.0.js contains the main logic and js code. I want to build react project and use this library there. How can I achieve this goal?</p>
  <pre><code>import React, { Component } from 'react';
  import './App.css';
  
  export default class App extends Component {
    render () {
      return (
     &lt;div&gt;
        &lt;div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  )
    }
  }
  </code></pre>