Unsure about frontend stylesheets and script tags

Hi everyone,

regarding my work on an Atlassian-connect-express App I am struggling with which stylesheets and script tags I have to use for my Handlebars frontend.
The Connect express tamplate project has deprecated tags and official docu is not sufficient, too.
For me, the following tags work, but I am not sure if the they are complete:

  <!---   aui stylesheets   --->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aui/9.4.3/aui/aui-prototyping.min.css" integrity="sha512-enccfqEn+FD/IIe6vXfCtiaZdpSHxN+ao7ug744JhKsqgCvau7nqbpDVFW8ia8i6sdeKzJMUH3+7FX0BWrTJcw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

  <!---   internal stylesheet   --->
  <link rel="stylesheet" href="/css/addon.css" type="text/css" />

  <!---   external dependencies   --->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/sinon.js/1.15.4/sinon.js"></script>

  <!---   aui script tags  --->
  <script src="https://unpkg.com/@atlassian/aui@9.4.3/dist/aui//aui-prototyping.js"></script>

  <!---   Atlassian javascript client libraries   --->
  <script src="//aui-cdn.atlassian.com/aui-adg/5.9.8/js/aui.js" type="text/javascript"></script>
  <script src="//aui-cdn.atlassian.com/aui-adg/5.9.8/js/aui-soy.js" type="text/javascript"></script>
  <script src="//aui-cdn.atlassian.com/aui-adg/5.9.8/js/aui-datepicker.js"></script>
  <script src="//aui-cdn.atlassian.com/aui-adg/5.9.8/js/aui-experimental.js"></script>
  <script src="https://connect-cdn.atl-paas.net/all.js" type="text/javascript"></script>

Can someone explain me the difference between following tags:

From my understanding, the first tag is the Javascript API and the second the AUI framework tag.

Best Valentin