JSFiddle - React, Tailwind, and code Playground

by Alex Azuero

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!--The viewport meta tag is used to improve the presentation and behavior of the samples 
      on iOS devices-->
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
    <title>Feature Layer - display results as an InfoWindow onHover</title>

    <link rel="stylesheet" href="http://js.arcgis.com/3.10/js/dojo/dijit/themes/tundra/tundra.css">
    <link rel="stylesheet" href="http://js.arcgis.com/3.10/js/esri/css/esri.css">
    <style>
      html, body, #mapDiv {
        padding:0;
        margin:0;
        height:100%;
      }
		#leftDiv {
				width:280px;
				height:100%;		
				float:left;
		}
		#mapDiv {
			margin-left: 280px;
				height:100%;		        
		}

      #info {
        background: #00BBBB;
        box-shadow: 0 0 5px #001111;
        right: 2em;
        padding: 0.5em;
        position: absolute;
        top: 1em;
        z-index: 40;
      }

	  .gaugeContainer {
		text-align:center;
	  }

	  #resultDiv {
		height:200px;
	  }

    </style>

    <script src="http://js.arcgis.com/3.10/"></script>
    <script>
      var map, dialog;
      require([
        "esri/map", "esri/layers/FeatureLayer", "esri/dijit/Legend",
		"esri/dijit/Gauge",
        "esri/symbols/SimpleMarkerSymbol", "esri/symbols/SimpleLineSymbol", 
        "esri/renderers/SimpleRenderer", "esri/graphic", "esri/lang",
		"esri/tasks/query", "dojo/dom", "dojo/on",
        "esri/Color", "dojo/number", "dojo/dom-style", 
        "dijit/TooltipDialog", "dijit/popup", "dojo/domReady!"
      ], function(
        Map, FeatureLayer, Legend,
		Gauge,
        SimpleMarkerSymbol, SimpleLineSymbol,
        SimpleRenderer, Graphic, esriLang,
		Query, dom, on,
        Color, number, domStyle, 
        TooltipDialog, dijitPopup
      ) {
        map = new Map("mapDiv", {
          basemap: "streets",
          center: [-110, 40],
          zoom: 3,
         ...