This project is example of Create React App dynamically importing/loading ESRI API library.

Live Example

```jsx harmony
import React, { Component } from ‘react’;
import logo from ‘./logo.svg’;
import ‘./App.css’;

let esriApi = ‘3.21’;

class App extends Component {
constructor() {
super();

this.state = {
  stylePath: null
}

}

loadMap = () => {
import(‘./import-modules/EsriLoader’)
.then(({bootstrap, dojoRequire}) => {
bootstrap((err) => {
if (err) {
console.error(err);
} else {
this.setState({stylePath: https://js.arcgis.com/${esriApi}/esri/css/esri.css});
dojoRequire(
[
‘esri/map’
],
(Map) => {
let map = new Map(‘mapMount’, {
center: [-100, 30],
zoom: 4,
basemap: ‘gray’
});
window.map = map;

              });
        }
      }, {
        url: `https://js.arcgis.com/${esriApi}/`
      });
    })
    .catch(err => {
      // Handle failure
    });

};

render() {
return (

React JS – Dynamically Importing ESRI JS API

To get started, edit src/App.js and save to reload.

Load Map

export default App;
```