JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/dojo/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/esri/css/esri.css">
<script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/"></script>
<script src="http://gmaps-utility-gis.googlecode.com/svn/tags/agsjs/2.04/xbuild/agsjs"></script>
 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
    <title>NCCOS Data Viewer</title>

    <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/dojo/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/esri/css/esri.css">

    <script>
        var dojoConfig = {
            parseOnLoad: true,
            packages: [{
                "name": "agsjs",
                "location": 'http://gmaps-utility-gis.googlecode.com/svn/tags/agsjs/2.04/xbuild/agsjs' // for xdomain load
            }]
        };
    </script>

    <script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/"></script>

    <script>
var map;
var identifyTask, identifyParams;
var urlSEFCRI = "http://egisws02.nos.noaa.gov/ArcGIS/rest/services/biogeo/SEFCRI/MapServer";

var layerDynamic;
var oldLayerName;
var clickGraphicLayer;
var visibleLayers;
var initialExtent;

require([
    "dojo/_base/connect",
    "dojo/_base/array",
    "dojo/parser",
    "dojo/ready",
    "dojo/Deferred",
    "dojo/dom",
    "dojo/domReady",

    "dijit/layout/ContentPane",
    "dijit/layout/TabContainer",
    "dijit/registry",
    "dijit/Dialog",

    "esri/map",
    "esri/InfoTemplate",

    "esri/dijit/Basemap",
    "esri/dijit/BasemapGallery",
    "esri/dijit/BasemapLayer",
   ...