JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title>
	<!--[if lt IE 9]><script type="text/javascript" src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
    <form method="post" action="index.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="Ckh+sIyaCp6rQDtiXPuM62UfJ0LIpaoeWsFAaGJSOg4Obsm4MjZhZZaDjEeCGluM/rWi18MjncOopQBhVy9oT+fOnPvNkyLOOLDcPOoaf80=" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<script src="http://ajax.aspnetcdn.com/ajax/4.5/6/WebForms.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
window.WebForm_PostBackOptions||document.write('<script type="text/javascript" src="/WebSite3/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZAh-BSmFZmH0hHBPmwkQaTRBDBdcxAx878exyHXotvv2UgmtMqCvw_JQ62RK74iTMQ2&amp;t=634897507112455790"><\/script>');//]]>
</script>



<script src="http://ajax.aspnetcdn.com/ajax/4.5/6/MicrosoftAjax.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
(window.Sys && Sys._Application && Sys.Observer)||document.write('<script type="text/javascript" src="/WebSite3/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvmUje5X5yLUaIaeBCOo9dra5hdX30ENhfK1ZeY1xm5zoPSIDVD2EE3Vee-nSyU-9seooc-iSJQysuvUeyLjCUPnAq7Cr43j38JbDvfBf2_724H35Q4Zo-lBrgJAI6sopUbUMaNRlx54lvFMykKZ4RiY1&t=6119e399"><\/script>');//]]>
</script>

<script...