How to add API Gateway SDK to React?
<p>I'm trying to add API Gateway SDK to React code, but I'm new to ES6 and React so it's hard to find a way</p>

<p>This is my React project structure:</p>

<pre><code>myReactProject
- node_modules
- src
-- components
---- ApigClient
------ lib (AWS APIGateway JS files) 
------ apigClient.js
------ ApigValidation.js
---- otherComponents..
---- index.js
-- containers
---- App
------ App.js
------ App.scss
---- Home
------ Home.js
------ Home.scss
---- OtherContainerFiles
---- index.js
-- redux
-- utils
---- validation.js
-- client.js
-- config.js
-- routes.js
-- server.js
</code></pre>

<p>And I was trying to import the API Gateway SDK in 2 ways:</p>

<p>1)</p>

<pre><code>import ApigClient from './ApigClient';
import apiGatewayClient from './lib/apiGatewayCore/apiGatewayClient'
import sigV4ClientConfig from './lib/apiGatewayCore/sigV4ClientConfig'
import simpleHttpClientConfig from './lib/apiGatewayCore/simpleHttpClientConfig'
import utils from './lib/apiGatewayCore/utils'
import enc-base64 from './lib/CryptoJS/component/enc-base64'
import hmac from './lib/CryptoJS/component/hmac'
import hmac-sha256 from './lib/CryptoJS/rollups/hmac-sha256'
import sha256 from './lib/CryptoJS/rollups/sha256'
import axios from './lib/axios/dist/axios.standalone'
import url-template from './lib/url-template/url-template'
</code></pre>

<p>2)</p>

<pre><code>class ApigValidation extends Component {
  render() {
    return (
      &lt;div&gt;
        &lt;h1&gt;Hello&lt;/h1&gt;
        &lt;script type="text/javascript" src="./lib/axios/dist/axios.standalone.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="./lib/CryptoJS/rollups/hmac-sha256.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="./lib/CryptoJS/rollups/sha256.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="./lib/CryptoJS/components/hmac.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="./lib/CryptoJS/components/enc-base64.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="./lib/url-template/url-template.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="./lib/apiGatewayCore/sigV4Client.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="./lib/apiGatewayCore/apiGatewayClient.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="./lib/apiGatewayCore/simpleHttpClient.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="./lib/apiGatewayCore/utils.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="apigClient.js"&gt;&lt;/script&gt;

        &lt;script type="text/javascript"&gt;
          var apigClient = apigCleint.newClient({
            apiKey: 'This-is-my-api-key'
          });
          apigClient.myFuncGet(params, null)
            .then(function(response) {
              console.log(JSON.stringify(response));
            }).catch(function(resuponse) {
              console.log(JSON.stringify(response));
            });
        &lt;/script&gt;
      &lt;/div&gt;
    );
  }
}
</code></pre>

<p>1) Is the folder structure right? Should I put SDK in Utils?</p>

<p>2) How can I import/load/add JS SDK in react and enable get/post function?</p>

<p>Please advise, sincerely appreciated!</p>