JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.5/js/dojo/dijit/themes/tundra/tundra.css">
    <style>
      html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
    </style>
    <script>var dojoConfig = { parseOnLoad: true };</script>
    <script src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.5"></script>
    <script>
      dojo.require("dijit.layout.BorderContainer");
      dojo.require("dijit.layout.ContentPane");
      dojo.require("dijit.layout.TabContainer");
      
      function seeMe() {
        dojo.style(dojo.byId('testContent'), 'display', 'block');
        dijit.byId('tc').layout();
      }
      function resizeMe() {
        dijit.byId('tc').resize();
      }
    </script>
  </head>
  
  <body class="tundra">

  <div>
   <input type="button" onclick="seeMe();" value="see me"></input>
   <input type="button" onclick="resizeMe();" value="resize me"></input>
  </div>

  <div id="testContent" style="display:none;">
   <div class="section" style="height:1000px;">
    <div dojoType="dijit.layout.TabContainer" id="tc" style="width: 50%; height: 50%;">
     <div dojoType="dijit.layout.ContentPane" title="Tab 1" selected="true">
      test 1 test 1 test 1
     </div>
     <div preload="true" dojoType="dijit.layout.ContentPane" title="Tab 2">
       test 2 test 2 test 2
     </div>
    </div>
   </div>
  </div>

  </body>
</html>