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">
   <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
   <title>Generate classed color breaks renderer</title>
   <link rel="stylesheet" href="//js.arcgis.com/3.16/dijit/themes/tundra/tundra.css">
   <link rel="stylesheet" href="//js.arcgis.com/3.16/esri/css/esri.css">
   <style>
      html,
      body {
         height: 100%;
         width: 100%;
         margin: 0;
         padding: 0;
      }
      #map {
         margin-left: 330px;
         width: 100%
         padding: 0;
      }
      #feedback {
       
         height: 410px;
         font-family: arial;
         margin: 5px;
         padding: 10px;
         
         background: #fff;
         color: #444;
         
         
         box-shadow: 0 0 5px #888;
         width:290px;
				height:100%;		
				float:left;
        margin: 10px;
              
             
     }

      #legendWrapper {
         padding: 20px 0 0 0;
      }
      #note {
         font-size: 80%;
         font-weight: 700;
         padding: 0 0 10px 0;
      }
      h3 {
         margin: 0 0 5px 0;
         border-bottom: 1px solid #444;
      }
   </style>

   <script src="//js.arcgis.com/3.16/"></script>
   <script>
      //global vars
      var layer, legend;

      require([
         
        "esri/map",
        "esri/dijit/PopupTemplate",
        "esri/layers/FeatureLayer",
        "esri/dijit/Legend",
        
        "esri/renderers/smartMapping",

        "dojo/_base/array",
        
        "dojo/dom",
        
        
        "dojo/dom-construct",
        "dojo/data/ItemFileReadStore",
        "dijit/form/FilteringSelect",
        "dojo/parser",
        "dijit/layout/BorderContainer",
        "dijit/layout/ContentPane",

        "dojo/domReady!"
         
      ], function (
         Map,
         PopupTemplate,
         FeatureLayer,
         Legend,
         smartMapping,
        ...