title: Reference bootstrap.min.js in React application
body: <p>I need to include both jQuery and bootstrap.min.js in my react application. Right now I have both bootstrap and jQuery installed via npm. Im importing bootstrap.less in my less file, I just need bootstraps JS and jQuery.</p>
  
  <p>The issue is; I'm using jQuery in my application for AJAX, and I don't know where to include the bootstrap.min.js. </p>
  
  <p>I will try to provide as much info as possible to help. My main entry file is an App.jsx that utilizes all routes from react-router. My less file import looks like this.</p>
  
  <pre><code>@import "./../../node_modules/bootstrap/less/bootstrap.less";
  </code></pre>
  
  <p>my layout.pug looks like this</p>
  
  <pre><code>doctype html
  html
      head
          meta(charset="utf-8")
          meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no")
          meta(http-equiv="x-ua-compatible" content="ie=edge")
          title #{ siteName } Administration
          link(rel="icon shortcut", href="/favicon.ico", type="image/x-icon")
          link(rel="stylesheet", href=maincssfile)
          link(rel="stylesheet", href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css")
      body
          block content
              h1 Default Content
          script(src=mainjsfile)
  </code></pre>
  
  <p>Im using bootstrap3.</p>