I am a newbie to migrating Map code from 3.x to 4.2 version. The first aspect i would like to cover is the library imported using DOJO. Can some one advise on the following migration from DOJO. Do we I have to convert to AMD or something else, and how. Any guidance doc available. I have given code of CSS, JS and HTML used with DOGO below and requires assistance.
1. CSS files
<link rel="stylesheet" type="text/css" href="https://*****/arcgis_js_api/library/3.2/jsapi/js/dojo/dojo/resources/dojo.css">
2. Script Imports
<script type="text/javascript">
// ESRI Components
dojo.require("esri.map");
dojo.require("esri.dijit.Legend");
dojo.require("esri.layers.agsdynamic");
dojo.require("esri.dijit.BasemapGallery");
dojo.require("esri.layers.FeatureLayer");
dojo.require("esri.tasks.geometry");
dojo.require("esri.tasks.identify");
dojo.require("esri.tasks.find");
dojo.require("esri.toolbars.draw");
dojo.require("esri.dijit.Scalebar");
dojo.require("dojo.dom-construct")
// Dojo Components
dojo.require("dijit.dijit"); // optimize: load dijit layer
dojo.require("dijit.layout.AccordionContainer");
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.TitlePane");
dojo.require("dijit.DropDownMenu");
dojo.require("dijit.MenuItem");
dojo.require("dijit.Tooltip");
dojo.require("dijit.Dialog");
dojo.require("dijit.Toolbar");
// Dojo Form Components
dojo.require("dijit.form.DropDownButton");
dojo.require("dijit.form.Button");
dojo.require("dijit.form.Select");
dojo.require("dijit.form.TextBox");
dojo.require("dijit.form.NumberTextBox");
3. Finally the DOJO properties in HTML Tags such as below
<div id="mainContainer" data-dojo-type="dijit.layout.BorderContainer"
data-dojo-props="design:'sidebar', gutters:true, liveSplitters:true">
Any guidance would help. Kindly advise.