title: ES6 import vs <script src> in html
body: <p>I want to know what is the difference between</p>
  
  <p>1- <code>import XLibraryComponent from 'xlibrarycomponent'</code> from ES6</p>
  
  <p>vs the regular way</p>
  
  <p>2- <code>&lt;script src="/X/Libray/Component/path"&gt;&lt;/script&gt;</code></p>
  
  <p>I am asking this because I am starting with React, I see that you inject some components doing <code>import X from 'x'</code> and with other components you injected into the html as the second way I post above.</p>
  
  <p>So, what are the differences? and which is the best way?</p>