title: How to add/mix Vanilla Javascript with ReactJS
body: <p>I'm new to React. At the moment I manage to update my simple website from standard HTML, CSS, JS to React, SASS, JSX and so on. The problem I have is that there is a canvas tag where I run an animation made in Vanilla Javascript using the Paperjs library, but I have not idea on how to implement my current JS animation to my React project.</p>
  
  <p>This is what I have in my body tag:</p>
  
  <pre><code>&lt;canvas id='paperjs-canvas' resize&gt;&lt;/canvas&gt;
  &lt;script src="js/libs/paper-full.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/jellies/jelly.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/jellies/tentacle.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/jellies/paper-jellies.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>This is just a simple background animation, there is no interaction with DOM elements.</p>
  
  <p><strong>I wander if it would be possible to implement my current code in to React as is, and if so, how?</strong></p>
  
  <p>Any help will be much appreciated.</p>