Hi,
I have managed to start implementation using Javascript API. Just to help others this is how I did.
As MVC supports javascript, html and c# code in one file so you can use javascript API and html samples of ESRI from below web site.
ArcGIS API for JavaScript | ArcGIS for Developers (Latest)
Steps:
1- Create a Controller and View.
2- Add following references in your _Layout.cshtml
<link rel="stylesheet" href="https://esri.github.io/calcite-maps/dist/css/calcite-maps-bootstrap.min-v0.8.css">
<!-- Calcite Maps -->
<link rel="stylesheet" href="https://esri.github.io/calcite-maps/dist/css/calcite-maps-arcgis-4.x.min-v0.8.css">
<!-- ArcGIS JS 4 -->
<link rel="stylesheet" href="https://js.arcgis.com/4.10/esri/css/main.css">
3- Use example like below and copy code in your view. You need to skip/comment out the code in step 2.
Calcite Maps and Bootstrap | ArcGIS API for JavaScript 4.10
4- Call view from your controller.
5- I personally separated the javascript, style sheet and html code in different files. Call them in view. Enjoy